詳解JavaScript中的for循環

一、js的for循環怎麼寫

for循環是JavaScript中最常用的循環語句之一，它的基本語法如下：

for (初始化表達式; 條件表達式; 增量表達式) {
    // 循環體語句
}

其中，初始化表達式只會在循環開始時執行一次，用於初始化循環變數；條件表達式在每輪循環開始前都會被求值，如果結果為true，則繼續循環，否則結束循環；增量表達式在每輪循環結束時被執行，用於更新循環變數的值。

下面是一個簡單的示例：

for (let i = 0; i < 5; i++) {
    console.log(i);
}
// 輸出結果：0 1 2 3 4

上述代碼中，循環從0開始，每次循環增加1，直到循環變數i的值大於等於5時結束。

二、js的for循環幾萬次壓力大嗎

對於普通的網頁或應用來說，使用for循環幾萬次並不會對性能造成太大的影響，因為現代計算機的處理速度越來越快，而JavaScript引擎的優化也越來越成熟。

然而，如果在循環內部進行了過多的計算或DOM操作，就有可能導致性能問題。

三、js的for循環案例

下面是一個使用for循環實現斐波那契數列的例子：

function fibonacci(num){
    if(num <= 1) return 1;
    let fibs = [1, 1];
    for(let i = 2; i < num; i++){
        fibs[i] = fibs[i-1] + fibs[i-2];
    }
    return fibs[num-1];
}

console.log(fibonacci(10)); // 輸出結果：89

上述代碼中，我們使用循環來計算斐波那契數列的第n項，將結果存儲在數組中返回。

四、js的for循環數組排序

對於數組來說，我們可以使用for循環實現排序功能，下面是一個簡單的示例：

let arr = [3,1,4,2,5];

for(let i=0; i<arr.length; i++){
    for(let j=0; j arr[j+1]){
            let temp = arr[j];
            arr[j] = arr[j+1];
            arr[j+1] = temp;
        }
    }
}

console.log(arr); // 輸出結果：[1,2,3,4,5]

上述代碼中，我們使用了雙重循環來實現冒泡排序，每次外層循環都將當前最大的元素移動到數組的末尾，直到整個數組有序。

五、js的for循環語句

在for循環內部，我們可以使用各種語句來實現不同的邏輯，下面是幾個常用的示例：

1. break語句：用於跳出循環，直接執行循環體後面的語句。

for(let i=0; i<5; i++){
    if(i === 2) break;
    console.log(i);
}
// 輸出結果：0 1

2. continue語句：用於跳過本次循環，直接進行下一次循環。

for(let i=0; i<5; i++){
    if(i === 2) continue;
    console.log(i);
}
// 輸出結果：0 1 3 4

3. return語句：用於退出函數，並返回指定的值。

function sum(arr){
    let result = 0;
    for(let i=0; i= 10) return "超出限制";
    }
    return result;
}

console.log(sum([1,2,3,4])); // 輸出結果："超出限制"

六、js的for循環中var

在ES6之前，JavaScript中的變數聲明只有var一種方式，可以在for循環中使用，但需要注意變數作用域和聲明提前的問題。

for(var i=0; i<5; i++){
    setTimeout(function(){
        console.log(i);
    }, 1000);
}
// 輸出結果：5 5 5 5 5

上述代碼中，我們使用setTimeout函數在1秒後輸出變數i的值，但實際上輸出的都是5，這是因為setTimeout回調函數中使用的i是循環結束後的值，而不是循環中的每個值。

在ES6之後，JavaScript引入了let和const兩種新的變數聲明方式，可以有效解決上述問題，下面是一個示例：

for(let i=0; i<5; i++){
    setTimeout(function(){
        console.log(i);
    }, 1000);
}
// 輸出結果：0 1 2 3 4

七、js的for循環列表數據

在實際開發中，我們經常需要遍歷列表數據進行操作，下面是一個簡單的示例：

let list = [
    {name: "Tom", age: 20},
    {name: "Lucy", age: 18},
    {name: "Jack", age: 22}
];

for(let i=0; i<list.length; i++){
    console.log(list[i].name + "今年" + list[i].age + "歲。");
}
// 輸出結果：Tom今年20歲。 Lucy今年18歲。 Jack今年22歲。

上述代碼中，我們遍歷了一個包含多個對象的數組，並輸出每個對象的屬性。

八、js的for循環好難

對於初學者來說，for循環可能會比較難以理解和掌握，但只需要多練習和思考，就可以逐漸熟悉它的使用方法。

下面是一些練習題，可以幫助你更好地理解和掌握for循環：

1. 列印乘法口訣表：

for(let i=1; i<=9; i++){
    let row = "";
    for(let j=1; j<=i; j++){
        row += j + "*" + i + "=" + (i*j) + " ";
    }
    console.log(row);
}

2. 計算1~100之間的所有偶數的和：

let sum = 0;
for (let i = 2; i <= 100; i += 2) {
    sum += i;
}
console.log(sum); // 輸出結果：2550

3. 將一個字元串反轉：

let str = "hello world";
let result = "";
for(let i=str.length-1; i>=0; i--){
    result += str[i];
}
console.log(result); // 輸出結果：dlrow olleh

九、js的for循環列印數組內的內容

遍曆數組是for循環中最常見的用法之一，下面是一個列印數組內容的示例：

let arr = [1,2,3,4,5];
for(let i=0; i<arr.length; i++){
    console.log(arr[i]);
}
// 輸出結果：1 2 3 4 5

當然，我們也可以使用forEach函數來遍曆數組，它比for循環更加簡潔方便：

let arr = [1,2,3,4,5];
arr.forEach(function(item){
    console.log(item);
});
// 輸出結果：1 2 3 4 5

十、js的for循環寫法

在實際開發中，我們可以根據具體的需求選擇不同的for循環寫法，下面是幾個常見的形式：

1. 從大到小循環：

for (let i = 10; i >= 1; i--) {
    console.log(i);
}
// 輸出結果：10 9 8 7 6 5 4 3 2 1

2. 每兩個數循環一次：

let arr = [1,2,3,4,5,6];
for(let i=0; i<arr.length; i+=2){
    console.log(arr[i], arr[i+1]);
}
// 輸出結果：1 2 3 4 5 6

3. 雙重循環嵌套：

for(let i=1; i<=3; i++){
    for(let j=1; j<=3; j++){
        console.log(i, j);
    }
}
// 輸出結果：1 1 1 2 1 3 2 1 2 2 2 3 3 1 3 2 3 3

當然，這只是for循環的一部分用法，它還有很多其他的特性和應用場景，需要我們在實際開發中不斷探索和學習。