📜  foreach javascript 箭头函数 - Javascript (1)

📅  最后修改于: 2023-12-03 15:00:50.251000             🧑  作者: Mango

使用箭头函数进行Javascript的foreach循环

在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循环可以使代码更加简洁明了,同时使我们的代码更加现代化。