📜  ES6数组方法(1)

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

ES6数组方法

在ES6中,数组对象拥有了一些新的方法,这些方法使得数组操作更加简单、直观和快速。

forEach方法

forEach()方法用于遍历数组中的每个元素,并执行所提供的回调函数。

const arr = ['John', 'Jane', 'Mary'];

arr.forEach((element, index, array) => {
  console.log(element, index, array);
});

// Output:
// John 0 [ 'John', 'Jane', 'Mary' ]
// Jane 1 [ 'John', 'Jane', 'Mary' ]
// Mary 2 [ 'John', 'Jane', 'Mary' ]
map方法

map()方法用于遍历数组中的每个元素,并返回一个新的数组。

const arr = [1, 2, 3];

const result = arr.map((element) => {
  return element * 2;
});

console.log(result); // Output: [2, 4, 6]
filter方法

filter()方法用于遍历数组中的每个元素,并返回一个新数组,其中只包含满足所提供函数返回值为 true 的元素。

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

const result = arr.filter((element) => {
  return element % 2 === 0;
});

console.log(result); // Output: [2, 4]
find方法

find()方法用于遍历数组中的每个元素,并返回第一个满足所提供函数返回值为 true 的元素。

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

const result = arr.find((element) => {
  return element > 2;
});

console.log(result); // Output: 3
reduce方法

reduce()方法用于遍历数组中的每个元素,并返回一个累加值。

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

const result = arr.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
});

console.log(result); // Output: 10
flat方法

flat()方法用于将嵌套数组变为一维数组。

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

const result = arr.flat();

console.log(result); // Output: [1, 2, 3, 4, 5, 6]
includes方法

includes()方法用于判断数组是否包含指定元素。

const arr = [1, 2, 3];

const result = arr.includes(2);

console.log(result); // Output: true

以上是ES6数组方法的介绍,使用这些方法可以更加方便快捷地对数组进行操作。