forEach、mpa、reduce、filter、Object.keys()、jQuery $.each()和$.map()如何使用

Posted 2023-05-08

参考技术A // 举例

console.log(res) --> undefined
console.log(ary) --> (5) [120, 330, 440, 550, 110]

console.log(res2) --> (5) [10, 20, 30, 40, 50] // 原数组拷贝了一份，并进行了修改
console.log(arr2) --> (5) [1, 2, 3, 4, 5] // 原数组并未发生变化

console.log(temp) --> (4) [232, 442, 123, 932]

filter不改变原数组，还回一个新的数据。

jQuery中 $.each() 和 $.map() 遍历

$.each() 和 $.map() 可以遍历数据和对象， $.each() 无返回值， $.map() 有返回值，

// 遍历对象

如果是 $("span").map() 形式，参数顺序和 $.each() $("span").each() 一样。

// 遍历数组

// 遍历对象

遍历对象

Object.keys()的使用，返回对象中每一项的key的数组

// 例子2

// 结合forEach使用

for...in...的使用，循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)

用for...in...遍历数组

用for...of...遍历数组

对 forEach()，map()，filter()，reduce()，find()，every()，some()的理解

1.forEach()

用法：array.forEach(function(item，index){})

没有返回值，只是单纯的遍历

2.map()

用法：array.map(function(item，index){})

遍历并对其进行操作，返回新数组，原数组不变

3.filter()

用法：array.filter(function(item，index){})

筛选符合条件的元素并返回新数组，原数组不变

4.find()

用法：array.find(function(item，index){})

返回符合条件的第一个元素，原数组不变

5.every()

用法：array.every(function(){item，index})

检测是否所有元素都符合条件，返回true或false

6.some()

用法：array.some(function(){item，index})

检测数组中是否有满足条件的元素，返回true或false

7.reduce()

用法：array.reduce(function(pre，item){})

            pre：初始值，或第一个元素的值，或上一次叠加的结果

数组从左到右做累加操作并返回最后的结果（array=[1,2,3,4,5] 就是1和2经function操作完返回的结果再和3操作，如此到最后只得到一个值）

 

 

自己的理解，如果有错误望指出