ES6 新增的数组方法举例

最新推荐文章于 2024-01-23 17:07:10 发布

原创最新推荐文章于 2024-01-23 17:07:10 发布 · 379 阅读

CC 4.0 BY-SA版权

文章标签：

31 篇文章

订阅专栏

本文深入解析JavaScript数组的常用方法，包括forEach、map、filter、reduce、includes、some及every的功能与应用实例，助您掌握高效操作数组的技巧。

举几个例子~~

const arr = [1,2,3,4,5,99,102,-1,3,7];

是一种遍历方法

举例：
1、使数组中每一个元素乘 2

arr.forEach((ele,index) => {
     arr[index] *= 2;
})

2、求和

let sum = 0;
arr.forEach((ele,index) => {
     sum += arr[index];
     return sum;
 })
console.log(sum);

映射

举例：上面用 forEach 使数组中每一个元素乘 2的例子，也可以用 map 实现：

const newArr = arr.map(ele => ele * 2);

过滤器

举例：
1、筛选出数组中大于 100 的数：

const Arr = arr.filter(v => v >= 100);

2、找出 arr 每个元素乘以三后大于十的数：

const newArray = arr.map(v => v * 3).filter(v => v > 10);

3、找出数组中的奇数并返回其二倍大小：

const Arr = arr.filter(v => v % 2).map(v => v * 2);
console.log(Arr);

化简函数, 从左到右依次处理序列中的元素,并返回结果；

举例：上面用 forEach 求和也可以用 reduce 实现：

const sum = arr.reduce((pre,cur) => pre + cur,0);
console.log(sum);

判断函数：判断数组中是否有选定的数；

举例：判断数组中是否含有 5 ：

const isHas = arr.includes(5);
console.log(isHas);

判断函数：判断数组中是否有符合条件的数；

举例：判断数组中是否含有不小于 5 的数：

const Has = arr.some((ele,index) => ele >= 5);
console.log(Has);

判断函数：判断数组中的数是否都符合条件；

举例：判断数组中的数是否都大于 5 ：

const isAll = arr.every((ele,index) => ele > 5);
console.log(isAll);