JS中map、forEach、filter、some、every的使用及区别

map():遍历数组中的元素，再将返回的值组成一个新的数组

语法：var newArr = [1,2,3].map(function (){item,index,arr},thisValue);

• item：表示数组内的元素（必选）
• index：表示数组的索引（可选）
• arr：表示整个数组（可选）
• thisValue：表示this指向的对象（可选）

注意：如果 thisValue参数有值，则每次函数被调用的时候，this 都会指向 thisValue参数上的这个对象。如果省略了 thisValue参数,或者赋值为 null 或 undefined，则 this 指向全局对象 。

注意：

• 不会改变原数组
• 不会遍历空位
• 使用return不会跳出循环

实例：

var arr = [2,5,0,false,8,,true];
var newArr = arr.map((item,index)=>
{
    item = item + index;
    return item
});
console.log(newArr);

forEach():用法与map()相似，但是forEach不返回值，只用来操作数据。

语法：同上

注意：

• 没有返回值，对return语句无效
• 不会遍历空位
• 会改变原数组

实例：

var arr = [2,5,0,false,8,,true];
var newArr = arr.forEach((item,index)=>
{
    console.log(item*index);
    return item
});
console.log(newArr);

filter():过滤数组成员，满足条件的组成新的数组返回

注意：

• 不会改变原数组
• 不会遍历空位

实例：

var arr = [2,5,0,false,8,true];
var newArr = arr.filter((item)=>
{
    return item > 3
});
console.log(newArr);

some():判断数组成员是否满足条件，返回布尔值

只要数组中一个成员返回true，则some()就直接返回true

注意：

• 不会改变原数组
• 不会遍历空位

var arr = [2,5,0,false,8,true];
var newArr = arr.some((item)=>
{
    return item < 1
});
console.log(newArr);

every():判断数组成员是否满足条件，返回布尔值

需要数组中的全部成员都返回true，every()才返回true

注意：

• 不会改变原数组
• 不会遍历空位

实例：

myEcharts.setOption(option);
var arr = [2,5,0,false,8,true];
var newArr = arr.every((item)=>
{
    return item < 1
});
console.log(newArr);

小结

• map方法对数组成员依次处理，然后存在一个新数组里返回处理结果；
• forEach方法对数组数据依次处理，但是不返回结果，可以用在只处理数据不需要返回值的情况，如上的累加；
• filter方法对数据数据依次处理，然后存在一个新数组里返回处理结果为true的值；
• some方法相对于||，every方法相当于&&，some可以用在判断整个数组中能够是否有某个值的情况下，every可以用在判断数组中值对比的情况；
• 以上方法除forEach外其他都不会对空数组进行检测、不会改变原始数组。