关于数组迭代的那些方法

141 阅读2分钟

数组迭代方法

数组map方法

作用

  • 映射数组

  • 按照某种映射关系把数组的每个元素修改

特点

  • 回调函数执行次数==数组长度

  • map方法的返回值返回映射之后的新数组

  • 代码格式:arr.map(value,index)=>{})

map案例图片

Snipaste_2022-04-26_22-47-20.png

数组filter方法

作用

  • 筛选数组

  • 筛选数组,将符合条件的元素加入新数组

特点

  • 回调函数执行次数==数组长度

  • true:符合条件筛选条件加入新数组

  • false不符合不放入

  • filter方法的返回值返回筛选之后的新数组

  • 代码格式:arr.filter(value,index)=>{})

filter案例图片

Snipaste_2022-04-26_22-48-32.png

数组forEach方法

作用

  • 遍历数组

特点

  • 回调函数执行次数==数组长度

  • forEach方法返回值:没有返回值

  • 代码格式:arr.forEach(value,index)=>{})

forEach案例图片

Snipaste_2022-04-26_22-50-17.png

数组some方法

作用

  • 判断数组中是否有符合条件的元素(逻辑或||)

  • 非空判断.多个表单只要有一个是空就不能提交

特点

  • 回调函数执行次数!=数组长度

  • true:循环结束

  • false:循环继续

  • some方法的返回值true或false

  • 代码格式:arr.some(value,index)=>{})

some案例图片

Snipaste_2022-04-26_22-51-17.png

数组every方法

作用

  • 判断数组中是否所有的元素都满足

  • 开关思想

特点

  • 回调函数执行次数!=数组长度

  • true:循环继续

  • false:循环结束

  • every方法的返回值:true都满足/false有元素不满足

  • 代码格式:arr.every(value,index)=>{})

every案例图片

Snipaste_2022-04-26_22-52-17.png

数组findlndex方法

作用

  • 查找元素下标

特点

  • 回调函数执行次数!=数组长度

  • true:循环结束 返回下标

  • false:循环继续如遍历完都没找到则返回-1

  • 代码格式:arr.findlndex(value,index)=>{})

findlndex案例图片

Snipaste_2022-04-26_22-53-21.png

数组reduce方法

  • 数组累加器方法

1:对数组每一个元素执行一次回调函数,累加最后一次回调的结果
2.reduce场景: 数组元素求和、求数组元素最大值

  • 格式:arr.reduce((sum,value)=>{sum+value },0)
reduce案例图片

Snipaste_2022-04-26_22-54-29.png

每日鸡汤

你以为那些口口声声说什么都没有做的人就真的什么都没有做吗?
你和优秀的人差的不是智商,是努力。
你父母多少次把最好的东西给了你,你现在的样子真的对得起他们吗。