JS 四种常用的数组遍历方法
关于遍历数组常用方法 ()
()方法用于调用数组的每个元素,并且将元素转递给回调函数
const arr = ['pink','red','green']arr.forEach(function(item,index){ console.log(`当前数组元素是:${item}`); //以此会打印出每个数组元素console.log(`当前数组元素是:${index}`);//以此会打印出每个数组元素的索引号})
语法:
被遍历的数组.( (当前数组元素,当前元素索引号) {
//函数体
})
参数当前数组元素是必须要写的, 索引号可写可不写。
()
() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
主要使用场景: 筛选数组符合条件的元素,并返回筛选之后元素的新数组
const score = [10,50,3,40,33]const re = score.filter(function(item){return item >30})console.log(re); // [50,40,33]
语法:
被遍历的数组.((,index){
筛选条件
})
返回值:返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组
参数: 必须写, index 可选
为返回新数组,不会影响原数组
map()
map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成
使用场景:可以批量处理数据,并且返回新的数组
const arr = ['pink','red','blue']const newArr = arr.map(function(item,index){console.log(item);console.log(index);return item+ '前端'})console.log(newArr);//['pink前端', 'red前端', 'blue前端']
map生成一个新数组,当你不打算使用返回的新数组却使用map是违背设计初衷的,请用或者for-of替代。
()
返回函数累计处理的结果,经常用于求和等
const arr = [1,5,9]const count = arr.reduce((prev,item) => prev + item)console.log(count);
语法:
arr.((累计值,当前元素 [,索引号][,源数组]) {},起始值)
如果有起始值,则以起始值为准开始累计, 累计值 = 起始值
如果没有起始值, 则累计值以数组的第一个数组元素作为起始值开始累计
后面每次遍历就会用后面的数组元素 累计到 累计值 里面 (类似求和里面的 sum )
总结:
感谢各位的观看,文章如有错误请联系我指出