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循环执行流程和流程图等多个方面进行了详细的阐述，希望对大家有所帮助。