JS数组常见遍历方法的使用及其区别

电脑杂谈  发布时间:2020-04-07 03:06:14  来源:网络整理

js 遍历对象数组_js数组遍历到表格_js数组遍历到表格

    for(let key in arr){
        console.log(key)
    }

1. 您可以遍历数组的private属性的值

2. 键的类型是字符串类型

3. 您可以使用return |休息|继续终止|结束循环

4. 循环顺序不一定根据数组索引值循环

    for(let val of arr){
        console.log(val);
    }

1. 您无法遍历数组的private属性的值

js 遍历对象数组_js数组遍历到表格_js数组遍历到表格

2. val的值是arr term的值

3. 您可以使用return |休息|继续终止|结束循环

方法名称过滤器图

是否要操作原始数组

否

否

返回结果

js数组遍历到表格_js数组遍历到表格_js 遍历对象数组

新的过滤数组

新数组

回调函数的返回结果

如果返回true,则将此项放入新数组

回调函数返回什么?

{4: 6: f: 0: a: 3: 2: 2: 9: 7: 7: 0: e: 4: 6: c: f: 6: 0: 9: 5} {2: f: 1 : 4: 3: 8: 8: f: 5: 1: 2: 4: 2: 7: 3: 4: 9: 4: 3: 3} {b: 5: 8: 9: b: 0: 8: 3: 6: b: 6: 8: f: 7: b: 2: 2: 9: 9: 2} {1: b: 6: f: 3: c: 5: 2: 4: 6: 2: 3 : 9: a: f: a: 5: d: 1: 7}

1. 在回调函数中返回true以停止循环并返回该项目的值. 如果找不到,则返回undefined

js数组遍历到表格_js 遍历对象数组_js数组遍历到表格

2. 不要更改原始数组

    var arr = [1,2,3,4,5];
    var someArr =  arr.some(function(item){
        return item>3
    });
    //someArr : true
    var everyArr = arr.every(function(item){
        return item<0
    });
    //everyArr:false

some: 找到true,找到true后停止循环,返回true,如果找不到则返回false

每一个: 找到错误,找到错误后停止循环,然后返回false. 如果找不到,则为真

(操作系统: 这两个实际上是一对)

    var arr = [1,2,3,4,5];
    arr.reduce(function(prev,next,index,item){
        console.log(arguments)
    })
    <!--
        第一次循环:
            prev:代表数组的第一项
            next:代表数组的第二项
            index:索引
            item:当前数组
        第二次循环:
            prev:前两项的和
            next:数组的第三项
    -->

查找数组的累加和: [1,2,3,4,5,…,100]

js数组遍历到表格_js数组遍历到表格_js 遍历对象数组

    var arr = [1,2,3,4,5,...,100];
    arr.reduce(function(prev,next){
        return prev+next;//本次的返回值会作为下次的prev的值
    })

已知数组: [{价格: 30,数量: 1}js数组遍历到表格,{价格: 20,数量: 2}js数组遍历到表格,{价格: 40,数量: 3}]

寻求: 价格的累计总和* cout

    var arr = [{price:30,count:1},{price:20,count:2},{price:40,count:3}]
    let sumArr = arr.reduce(function(prev,next){
        return prev+next.price*next.count 
    },0);//默认指定第一次prev的值为0

多维数组到一维数组

[[1,2,3],[2,3,4],[5,7,8]];

    var arr = [[1,2,3],[2,3,4],[5,7,8]];
    var newArr = arr.reduce(function(prev,next){
        return prev.concat(next)
    });
    console.log(newArr);
    <!--[1,2,3,2,3,4,5,7,8]-->

但是,如果数组很长,如何转换一维数组并将其删除?让我们一起考虑一下吧?

var arr = [[1、2、2],[3、4、5、5],[6、7、8、9,[11、12,[12、13,[14]]]] ,10];

终于到了新年,新年的第一篇摘要,数组的常见方法及其区分〜

2019年经常去看摘要


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/jisuanjixue/article-166571-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      • 杜于皇
        杜于皇

        我是南昌在校大学生

      • 乔璐瑶
        乔璐瑶

        所以麻麻一把年纪还纯真的喜欢你@TFBOYS-易烊千玺呀

      热点图片
      拼命载入中...