使用箭头函数循环遍历值数组

Question

假设我有：

var someValues = [1, 'abc', 3, 'sss'];

我该如何使用箭头函数循环遍历每个值并对每个值执行操作？

- PositiveGuy

---

该死，我错过了那一页。是的，我查过了，谢谢。 - PositiveGuy

使用箭头函数没有理由。如果想循环遍历一个数组，应该使用for of循环！ - Bergi

Answer 1

简而言之：

someValues.forEach((element) => {
    console.log(element);
});

如果您关心索引，那么可以传递第二个参数以接收当前元素的索引：

someValues.forEach((element, index) => {
    console.log(`Current index: ${index}`);
    console.log(element);
});

请参考此处了解有关 ES6 中的数组的更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

- Long Nguyen

---

关于 forEach，有一个小缺点：您无法使用 break 语句中断此循环，也无法使用 return 语句从封闭函数返回。更多信息请参见此处。 - sonlexqt

Answer 2

一个语句可以写成这样：

someValues.forEach(x => console.log(x));

或者多个语句可以像这样用 {} 括起来：

someValues.forEach(x => { let a = 2 + x; console.log(a); });

- monnef

---

有没有一种方法可以在表达式中指定数组，这样我就不需要先创建一个数组，少写一行代码？谢谢。 - PositiveGuy

是的，如果数组在变量中：arr.forEach(x => console.log(arr)) 将打印整个数组，次数等于元素数量。对于 [1, 2].forEach... 不起作用。您不能使用 this；它指的是调用环境的 "this"。 - ronasta

为什么箭头循环函数中不可能有两个参数，比如someValues.forEach(x,y => console.log(x,y)); 哎呀，我看到上面的答案正好解决了这个问题。 - Timo