js find/map/filter的简单使用

1,430 阅读1分钟

1.find

find 就是查找数组项 并根据条件进行匹配 返回匹配到的数组项,对原数组无影响。

array.find(function(value, index, arr),thisValue)

简单使用:

 var arr = [1,2,3,4,5,6,7];
 var ar = arr.find(function(elem){
     return elem>5;
 });
 console.log(ar);//6
 console.log(arr);//[1,2,3,4,5,6,7]

2.map

map 就是遍历数组 根据条件 按照原数组项生成一个新的数组项,对原数组项无影响。

array.map(function(value, index, arr),thisValue)

简单使用:

 var arr = [1,2,3,4,5,6,7];
 var ar = arr.map(function(elem){
    return elem*4;
 });
 console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
 console.log(arr);//[1,2,3,4,5,6,7]

3.filter

filter 就是对遍历数组 根据条件 把满足条件的筛选出来,对原数组无影响。

array.filter(function(value, index, arr),thisValue)

简单使用:

 var arr = [1,2,3,4,5,6,7];
 var ar = arr.filter(function(elem){
     return elem>5;
 });
 console.log(ar);//[6,7]
 console.log(arr);//[1,2,3,4,5,6,7]