ES6 之数组循环方法：增强 JS 开发效率，提升开发体验

2023-11-26 06:36:59

ES6 中新增了多种数组循环的方法，这些方法的使用使 JavaScript 开发更加高效，并且提升了开发体验。

一、for 循环

最基本的数组循环方法是 for 循环。for 循环的基本语法如下：

for (let i = 0; i < arr.length; i++) {
  // 循环体
}

其中，arr 是要循环的数组，i 是循环变量，arr.length 是数组的长度。

二、forEach()

forEach() 方法是 ES6 新增的数组循环方法，它的语法如下：

arr.forEach(function(value, index, array) {
  // 循环体
});

其中，arr 是要循环的数组，value 是当前遍历到的元素，index 是当前元素的索引，array 是数组本身。

forEach() 方法的优点是简单易用，并且不需要显式地维护循环变量。

三、map()

map() 方法也是 ES6 新增的数组循环方法，它的语法如下：

arr.map(function(value, index, array) {
  // 循环体
});

map() 方法的优点是它可以对数组中的每个元素进行转换，并返回一个新的数组。

四、filter()

filter() 方法也是 ES6 新增的数组循环方法，它的语法如下：

arr.filter(function(value, index, array) {
  // 循环体
});

filter() 方法的优点是它可以对数组中的每个元素进行过滤，并返回一个新的数组。

五、箭头函数

ES6 还引入了箭头函数，它是一种简化函数写法的语法。箭头函数的语法如下：

(parameters) => {
  // 循环体
}

箭头函数可以用于替代传统的函数表达式，并且可以简化代码。

实例

下面是一个使用 ES6 数组循环方法的示例：

const arr = [1, 2, 3, 4, 5];

// 使用 for 循环
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// 使用 forEach() 方法
arr.forEach((value, index, array) => {
  console.log(value);
});

// 使用 map() 方法
const newArr = arr.map((value, index, array) => {
  return value * 2;
});

console.log(newArr);

// 使用 filter() 方法
const filteredArr = arr.filter((value, index, array) => {
  return value > 2;
});

console.log(filteredArr);