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

最新推荐文章于 2025-10-22 11:26:19 发布

转载最新推荐文章于 2025-10-22 11:26:19 发布 · 1.3k 阅读

文章标签：

#遍历数组 #遍历对象

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了JavaScript中数组和对象的不同遍历方法，包括for循环、for...in、for...of及forEach等，并讨论了它们的特点与适用场景。

 <!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>
 
  