【操作数组】 之 filter，map，includes，find，some，every，reduce 详解

【操作数组】 之 filter，map，includes，find，some，every，reduce 详解

 

 

 let   arr  =  [1,2,3,4,5,55];

filter(筛选)

let newArr=arr.filter(function (i) {
   return i>2&&i<5;
});

返回新数组，不会改变原数组。

 

map(映射)

let newArrs=arr.map(function (i) {
    return `<li>${i}</li>`;
});
console.log(newArrs.join(''));

结果：<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>55</li>
返回新数组，不会改变原数组。

 

includes

console.log(arr.includes(4));
返回boolean值。

 

find

let newarr=arr.find(function (item，index) {
    return item.toString().indexOf(5)>-1;
});

结果：5
不会改变数组，返回找到的那一项，回调函数中返回true表示找到了，找到后就停止循环。若循环完毕没找到，则返回undefined。

 

some

let newarr=arr.some(function (item，index) {
    return item.toString().indexOf(5)>-1;
});

结果：true
找true，找到true后停止并返回true，找不到返回false。

 

every

let newarr=arr.every(function (item，index) {
    return item.toString().indexOf(5)>-1;
});

结果：false
找false，找到false后停止并返回false。

 

reduce

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
reduce() 可以作为一个高阶函数，用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。

let sum=[0,{price:30,count:2},{price:30,count:3},{price:30,count:4}];
let all=sum.reduce(function (total,currentValue,currentIndex,arr) {
    return total+currentValue.price*currentValue.count;
});
let sum2=[{price:30,count:2},{price:30,count:3},{price:30,count:4}];
let all2=sum2.reduce(function (total,currentValue,currentIndex,arr) {
    return total+currentValue.price*currentValue.count;
},0);//默认指定第一个total

参数介绍：
total：必需。初始值, 或者计算结束后的返回值。
currentValue：必需。当前元素
currentIndex：可选。当前元素的索引
arr：可选。当前元素所属的数组对象。