JS雙重for循環詳解

一、JS雙重for循環數組去重

const arr = [1, 2, 3, 1, 4, 2];
const result = [];
for(let i = 0; i < arr.length; i++){
  let flag = true;
  for(let j = i + 1; j < arr.length; j++){
    if(arr[i] == arr[j]){
      flag = false;
      break;
    }
  }
  if(flag){
    result.push(arr[i]);
  }
}
console.log(result);

此處所示代碼可以實現JS雙重for循環數組去重，其實現原理是利用兩個for循環，外層for循環用於遍曆數組，內層for循環用於比較當前元素與數組後面所有元素是否相同，如果相同則將flag標誌位設置為false，如果無相同元素，則將該元素存入result數組。

二、雙重for循環去重

const arr = [1, 2, 3, 1, 4, 2];
for(let i = 0; i < arr.length; i++){
  for(let j = i + 1; j < arr.length; j++){
    if(arr[i] == arr[j]){
      arr.splice(j,1);
      j--;
    }
  }
}
console.log(arr);

在這段代碼中，我們可以看出外層循環用於遍曆數組，內層循環用於比較當前元素與數組後面所有元素是否相同，如果相同，則使用splice()方法將該重複元素從數組中刪除。

三、JS雙重for循環案例

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

以上代碼實現的是「JS雙重for循環編程99乘法表」的功能，外層for循環控制表的行數，內層for循環控制每行表格的內容，這裡選擇字符串拼接的方式實現。

四、JS雙重循環

JS雙重循環，即Nested For Loop，是指在一個for循環內進行嵌套執行另一個for循環的操作，利用這種嵌套方式可以完成比較複雜的循環計算。

五、雙重for循環怎麼執行

雙重for循環執行流程如下：

• 1. 外層for循環開始。
• 2. 內層for循環開始。
• 3. 內層for循環執行完所有操作之後，返回到外層for循環。
• 4. 如果外層for循環仍有剩餘操作，則繼續執行內層循環。
• 5. 外層for循環執行完所有操作之後，程序結束。

六、雙重for循環流程圖

下面是雙重for循環的流程圖：

+--------------+
|              |
v              |
+-------+     |
| Start |     |
+-------+     |
    |          |
    v          |
+-------+     |
| for i |-----+
| (init)|       |
+-------+       |
    |          |
    v          |
+-------+     +---------+
| for j |-----| Operations |
| (init)|     +---------+
+-------+       |
    |          |
    v          |
+-------+     |
|   j   |-----+
| (exit)|
+-------+     |
    |          |
    v          |
+--------------+
|              |
|     End      |
|              |
+--------------+

七、for雙重循環實例

//計算二維數組中每個元素的和
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let sum = 0;
for(let i = 0; i < arr.length; i++){
  for(let j = 0; j < arr[i].length; j++){
    sum += arr[i][j];
  }
}
console.log(sum);

這個雙重for循環的例子是計算一個二維數組中所有元素的和，它內部的語句與我們前面介紹的例子類似。

總結

本文從JS雙重for循環數組去重、雙重for循環去重、JS雙重for循環案例、JS雙重循環以及雙重for循環執行流程和流程圖等多個方面進行了詳細的闡述，希望對大家有所幫助。