📅  最后修改于: 2023-12-03 15:30:38.563000             🧑  作者: Mango
在ES6中,数组对象拥有了一些新的方法,这些方法使得数组操作更加简单、直观和快速。
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()
方法用于遍历数组中的每个元素,并返回一个新的数组。
const arr = [1, 2, 3];
const result = arr.map((element) => {
return element * 2;
});
console.log(result); // Output: [2, 4, 6]
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()
方法用于遍历数组中的每个元素,并返回第一个满足所提供函数返回值为 true
的元素。
const arr = [1, 2, 3, 4, 5];
const result = arr.find((element) => {
return element > 2;
});
console.log(result); // Output: 3
reduce()
方法用于遍历数组中的每个元素,并返回一个累加值。
const arr = [1, 2, 3, 4];
const result = arr.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
});
console.log(result); // Output: 10
flat()
方法用于将嵌套数组变为一维数组。
const arr = [1, [2, 3], [4, [5, 6]]];
const result = arr.flat();
console.log(result); // Output: [1, 2, 3, 4, 5, 6]
includes()
方法用于判断数组是否包含指定元素。
const arr = [1, 2, 3];
const result = arr.includes(2);
console.log(result); // Output: true
以上是ES6数组方法的介绍,使用这些方法可以更加方便快捷地对数组进行操作。