• 技术文章 >Web开发 >JavaScript

    js数组遍历方法

    宋雪维宋雪维2021-01-05 10:56:02原创3171

    在JavaScript数组中,可以负责按一定顺序查看数组里面的每一个元素值,分别计算每一个元素值得到相应的值或得到一个最终值的操作是数组遍历。小编整理了数组遍历最常见的五种方法:1、使用for循环;2、使用forof遍历;3、使用map()方法;4、使用for…of…;5、使用filter()方法。

    1、使用for循环

    最简单的一种循环遍历方法,也是使用频率最高的一种,可优化。

    for(j = 0,len=arr.length; j < len; j++) {
        
    }

    2、使用forof遍历

    遍历数组中的每一项,没有返回值,对原数组没有影响,但是不支持IE

    for(let value of arr) {  
       
    });

    3、使用map()方法

    只能应用于数组遍历。如果想要遍历对象,可将对象转化为数组对象再其进行遍历。

    var arr = [1,2,3,4];
    //item,index,arr 分别为:当前元素的值(必填),当前元素的索引值,当前元素属于的数组对象
    //最终在不改变原有数组值的情况下将原来数组循环一遍,处理好数据,返回一个新数组。
    var arr1 = arr.map((item,index,arr) => {
        console.log("--");
        console.log(item);//当前元素值
        console.log(index);//当前索引值
        console.log(arr);//对象
        return item*10 //新数组为10,20,30,40
    })
    console.log("arr1:",arr1);

    4、使用for…of…

    可以正确响应break、continue和return语句

    for (var value of myArray) {
    console.log(value);
    }

    5、使用filter()方法

    遍历数组,过滤出符合条件的元素并返回一个新数组。

    将满足条件的过滤出来放入一个新的数组,不会影响原数组

    var arr = [
    { id: 1, text: 'aa', done: true},
    { id: 2, text: 'bb', done:false}
    ]
    console.log(arr.filter(item => item.done))

    以上就是小编整理总结的js数组遍历的五种方法,希望能帮助你学习JavaScript开发哦~

    专题推荐:js数组遍历
    上一篇:js数组排序的几种方法 下一篇:js数组遍历foreach

    相关文章推荐

    • python中pygal模块如何使用?• 如何使用python中schedule模块?• 如何使用python中的optionparser模块?• python pexpect模块是什么?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网