• 关于遍历一个数组的几种方法的比较


     <!doctype html>
     <html lang="en">
     <head>
     <title>Document</title>
     </head>
     <body>
          <script>
               var arr=[1,4,56,7,7,8,8,,9,,9,9,,9,9];
               var obj={name:"eval",age:23,sex:""};
               //只能遍历索引数组。
               for(var  j=0,len=arr.length;j<len;j++){
                     console.log(arr[j]);
               }

      //for...in 是遍历对象的健名,或者数组的下标(数组,对象都可用)

      存在的问题:1)在某些情况下,这段代码可能按照随机顺序遍历数组元素,

                 2)数组原型链上的属性都能被访问到  

    Array.prototype.a=123;
    Array.prototype.foo=function(){};
    var arr=[2,3];
    for(let k in arr){ console.log(arr[k]);//2,3,123,function() }
    但是我们可以进行过滤处理(也不是很麻烦)
    for(let k in arr){
      arr.hasOwnProperty(k)&& console.log(arr[k]);
    }

    总之:for-in是为普通对象设计的,你可以遍历得到字符串类型的键,因此不适用于数组遍历

    for(var i in arr){
        console.log(arr[i]);
    }
    for(var i in obj){
        console.log(i);
    }

    //for …of….遍历数组的键值,不能遍历对象,但是可以遍历类数组对象(也是数组),还可以用来遍历一个字符串(它将字符串视为一系列的Unicode字符来进行遍历:) for(let value of arr){ console.log(value); } 利用for....of....遍历一个字符串 for(var chr of "abcdefr"){   console.log(chr); } 结果:a,b,c,d,e,f,r
    //js中forEach只能遍历数组,不能遍历对象
    存在的问题:不能使用break语句中断循环,也不能使用return语句返回到外层函数。
    arr.forEach(function(e){ console.log(e); }); //js中的forEach只是支持对数组的遍历,不支持对对象的遍历 /* obj.forEach(function(e){ console.log(e); }); */ //arr.map只能遍历数组 arr.map(function(v,i){ console.log(v,i); }); arr.map((v,i)=>(console.log(i,v)));    var list = new Map().set('a',1).set('b',2).set('c',3);    console.log(list);    for (var [key,value] of list) {     console.log(key + ' => ' + value);    }
    </script> </body> </html>

      

  • 相关阅读:
    java核心学习笔记(三) java集合框架
    java核心学习笔记(二) 学习环境与学习的方法以及java几个包的作用
    java核心学习笔记(一) javaJDK目录阐述
    版本控制工具git的配置
    linux系统管理员之自动化检测工具 nagios及其插件配置
    运维工程师需要的技能
    在线求中位数(优先队列实现) POJ3784
    并查集 poj1308
    stack HDU1022
    hash数组 POJ1840
  • 原文地址:https://www.cnblogs.com/evaling/p/6704175.html
Copyright © 2020-2023  润新知