JavaScript 数组循环 - Javascript

在 JavaScript 中，数组循环是一种重要且常用的操作。本文将介绍数组循环的基本语法和不同类型的循环以及一些常见的应用场景。

语法

JavaScript 中循环语句有以下几种基本形式：

for 循环

for (let i = 0; i < array.length; i++) {
  // 循环体
}

• [i]是循环变量，初始化为0，i < array.length为循环结束的判断条件，i++表示每次循环变量增加1。

forEach 循环

array.forEach(function (item, index) {
  // 循环体
});

• array.forEach()方法在数组中的每个元素都调用一次给定的函数，并且不改变原数组。

for of 循环

for (let item of array) {
  // 循环体
}

• for of语法更加简洁，可读性更强，与forEach的区别主要在于for of可与break和continue语句结合使用，还可用于迭代具有迭代器的对象。

map 循环

array.map(function (item, index) {
  // 循环体
});

• map方法将原数组按照某种规则映射到一个新的数组，该方法不会改变原数组。

filter 循环

array.filter(function (item, index) {
  // 循环体
});

• filter方法使用给定的函数测试数组的每个元素，返回一个新的数组，该数组由所有测试为true的元素组成，该方法不会改变原数组。

例子

计算数组中所有元素的和

let array = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < array.length; i++) {
  sum += array[i];
}

console.log(sum); // 15

找出数组中的最大值

let array = [1, 2, 3, 4, 5];
let max = array[0];

for (let i = 1; i < array.length; i++) {
  if (array[i] > max) {
    max = array[i];
  }
}

console.log(max); // 5

将数组中所有元素加 1 并生成新数组

let array = [1, 2, 3, 4, 5];
let newArray = [];

for (let i = 0; i < array.length; i++) {
  newArray.push(array[i] + 1);
}

console.log(newArray); // [2, 3, 4, 5, 6]

从数组中删除所有偶数

let array = [1, 2, 3, 4, 5];
let newArray = [];

for (let i = 0; i < array.length; i++) {
  if (array[i] % 2 !== 0) {
    newArray.push(array[i]);
  }
}

console.log(newArray); // [1, 3, 5]

循环嵌套

let array = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

for (let i = 0; i < array.length; i++) {
  for (let j = 0; j < array[i].length; j++) {
    console.log(array[i][j]);
  }
}

/*
输出：
1
2
3
4
5
6
7
8
9
*/

以上为 JavaScript 数组循环的基本介绍，希望对您有所帮助。