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

Pos*_*Guy 30 javascript ecmascript-6

让我们说:

var someValues = [1, 'abc', 3, 'sss'];
Run Code Online (Sandbox Code Playgroud)

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

Lon*_*yen 67

简而言之:

someValues.forEach((element) => {
    console.log(element);
});
Run Code Online (Sandbox Code Playgroud)

如果你关心索引,那么可以传递第二个参数来接收当前元素的索引:

someValues.forEach((element, index) => {
    console.log(`Current index: ${index}`);
    console.log(element);
});
Run Code Online (Sandbox Code Playgroud)

请参阅此处以了解有关ES6阵列的更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

  • 关于`forEach`有一个小缺点:您不能使用`break`语句来打破这个循环,也不能使用`return`语句从封闭函数中返回。有关此[此处]的更多信息(https://hacks.mozilla.org/2015/04/es6-in-depth-iterators-and-the-for-of-loop/) (2认同)

mon*_*nef 9

一句话可以这样写:

someValues.forEach(x => console.log(x));
Run Code Online (Sandbox Code Playgroud)

或者多个语句可以包含在{}这样的:

someValues.forEach(x => { let a = 2 + x; console.log(a); });
Run Code Online (Sandbox Code Playgroud)