JS 数组迭代

Array.forEach()

• forEach() 方法为每个数组元素调用一次函数（回调函数）。

实例：

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt = txt + value + "<br>"; 
}

注释： 该函数接受 3 个参数：

• 项目值
• 项目索引
• 数组本身

上面的例子只用了 value 参数。这个例子可以重新写为：

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(value) {
  txt = txt + value + "<br>"; 
}

---

Array.map()

• map() 方法通过对每个数组元素执行函数来创建新数组。
• map() 方法不会对没有值的数组元素执行函数。
• map() 方法不会更改原始数组。

实例：
这个例子将每个数组值乘以2：

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
  return value * 2;
}

请注意，该函数有 3 个参数：

• 项目值
• 项目索引
• 数组本身

当回调函数仅使用 value 参数时，可以省略索引和数组参数：

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value) {
  return value * 2;
}

---

Array.every()

• every() 方法检查所有数组值是否通过测试
• 这个例子检查所有数组值是否大于 18：

实例：

var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

请注意此函数接受 3 个参数：

• 项目值
• 项目索引
• 数组本身

如果回调函数仅使用第一个参数（值）时，可以省略其他参数：

var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);

function myFunction(value) {
  return value > 18;
}

---

Array.some()

• some() 方法检查某些数组值是否通过了测试。

---

以上内容均整理自W3C，如需阅读全文请点击链接。