js 遍历数组方法

 for  forEach for...in  for...of

filter   map  every 

1. for 循环

for (let i = 0 ; i < arr.length ; i++ ){

    console.log(i)

}

2. forEach()只是单纯的便利数组,无返回值

arr.forEach((item)=>{

    console.log(item)

})

s会修改原数组,没有return,单纯的遍历数组


https://www.cnblogs.com/wangdashi/p/9431860.html

3. map 遍历数组不会改变原数组,必须要有return 

 map ((item)=>{

    return item

})

一定要return,不会修改原数组,相当于把原数组复制一份。

map用于加工数组,有返回值

4. filter   过滤通过筛选条件的元素组成一个新数组,原数组不变

filter((v)=>{

    return  v > 10

})


实例: 从一个数组中,筛选出符合要求的数组

let  list = [

{  id: 99, name : 'jiji'} ,

{ id: 90 , name: 'koko'},

{ id: 91 , name: 'joko'}

]

let arr = [ 90, 91]

list.filter((v)=>arr.includes(v.id)})


5、for...in

注意for...in遍历的是索引

var arr = [ 11, 33]
for(let key in arr){

console.log(key)
}

0
1

6、for...of

遍历的是元素

var arr =[12,33]
for(let element of arr){

console.log(element)
}

12

33

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以前学习JS没有着重总结关于数组的方法,导致实现某些功能不能找对最合适的实现方法,浪费很多时间。今天总结一些...
    Mango97阅读 571评论 0 0
  • 文章主要来源: JS数组遍历方法总结 -- 我是豆子啊 我们用更简洁的语法(比如内置函数)遍历数组,从而消除循环结...
    ShanerChan阅读 368评论 0 0
  • concat():用于连接两个或多个数组。不会更改现有数组,而是返回一个新数组 let arr1 = ['Java...
    huangxiaohui90阅读 236评论 0 0
  • 创建数组的方法 通过字面量创建let arr = [1,2,4] 通过类创建let arr = new Array...
    0_one阅读 347评论 0 0
  • 1.join() var arr = [1,2,3]; console.log(arr.join()); // 1...
    _杨柳_阅读 533评论 0 0