📅  最后修改于: 2023-12-03 15:00:50.251000             🧑  作者: Mango
在Javascript中,我们常常需要对数组或对象进行遍历操作来执行某些操作。这时候我们就有一个非常方便的方法——使用forEach函数。
但是,如果你听过ES6,你会发现我们可以使用箭头函数来改写forEach函数。这样做的好处就是函数更加简洁,而且非常易懂。
以下是一个使用箭头函数的forEach循环的代码示例:
const myArray = [5, 6, 7, 8, 9];
myArray.forEach(item => {
console.log(item * 2);
});
上述代码执行的结果将是:打印出10, 12, 14, 16, 18.
这里我们定义了一个数组,然后使用forEach方法来遍历每一个元素。而在遍历的时候,我们使用了一个箭头函数来执行操作。箭头函数的每一个参数都被介绍在了箭头符号的左边。
由于这里仅仅是对每一个元素乘以2并打印,所以我们只需要包裹一行语句,而不需要使用花括号来定义函数体。
对于对象数组的遍历,我们可以使用以下代码:
const myArray = [
{name: '张三', age: 24},
{name: '李四', age: 26},
{name: '王五', age: 28}
];
myArray.forEach(item => {
console.log(item.name + ': ' + item.age);
});
上述代码执行的结果将是:打印出"张三: 24", "李四: 26", "王五: 28".
我们同样使用箭头函数来定义了对对象数组的遍历。在每次遍历的时候,我们输出了每个对象的名字和年龄。
总的来说,使用箭头函数进行forEach循环可以使代码更加简洁明了,同时使我们的代码更加现代化。