js的map,filter,some,every,find,reduce,foreach用法

一、map()

通过指定函数处理数组的每个元素，并返回处理后的数组。

var numbers = [4, 9, 16, 25];
function myFunction() {
    console.log(numbers.map(Math.sqrt)); // 2,3,4,5
}

map() 方法会将数组中元素依次传入方法中，并将方法的返回结果组成新数组返回。

传入的function可以有自己的三个形参，currentValue, index,arr分别代表当前元素，元素索引，元素所属数组对象；其中currentValue是必须的。

注意：map不会改变原数组，map不会检查空数组

二、some()

用于检测数组中的元素是否满足指定条件（函数提供）

var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    console.log(ages.some(checkAdult)); // true
}

some方法会依次执行数组的每个元素；

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
如果没有满足条件的元素，则返回false

三、every

用于检测数组所有元素是否都符合指定条件（通过函数提供）

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    console.log(ages.every(checkAdult)); //false
}

every和some正好相反：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。

注意：some不会改变原数组，some不会检查空数组

四、filter

创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    console.log(ages.filter(checkAdult)); //32,33,40
}

五、find

var big = potatos.find(potato => { return potato.weight > 100 })

//{ id: '1003', weight: 120 }
find和some很类似，都是寻找符合条件的，有一个就可以

返回符合条件的第一个数组元素值，没有则返回 undefined

六、forEach

var potatos = [{ id: '1001', weight: 50 },
{ id: '1002', weight: 80 },
{ id: '1003', weight: 120 }]
我们希望把这一批土豆全部催熟一下，进行增重
可以用到forEach方法

potatos.forEach(potato => { potato.weight += 20 })
map方法说：我也可以！

potatos.map(potato => { potato.weight += 20 })
map补充了一句，我还可以把重量统计表格，更新出一份新的给你

w = potatos.map(potato => 
{ return potato.weight += 20 })

//[ 70, 100, 140, 60, 130, 80 ]
forEach和map的最大区别就在于，forEach没有返回值。
即便你给forEach加上return也没用

w = potatos.forEach(potato => 
    { return potato.weight += 20 })
    
//undefined
老板：我只要大土豆（筛选过滤）

七、reduce

当需要知道所需元素的索引，就可以用findIndex
findIndex返回第一个符合条件的索引号
var i = potatos.findIndex(potato=>{ return potato.weight > 100 })

同时把上面的重量（g）记录成一个数组
var w = [50, 80, 120]
var sum = weight.reduce((sum, w) => { return w + sum },0)

也可以这样
var sum = potatos.reduce((sum, p) => { return p.weight + sum }, 0)

总结

1.every和some
every：全部条件都正确才返回true
some：有一个条件正确就返回true
2.filter和find
filter：返回满足条件的集合，一个新数组（筛选出满足条件的新数组）
find:返回符合条件的第一个数组元素值，没有则返回 undefined