javascript如何遍历对象和数组，遍历方法总结

矫情吗；* 2021-11-11 10:56 378阅读 0赞

#### 1.遍历对象的方法 ####

var obj = {   'a': 1, "b": 2 ,  'c': 3  };
           //方法一
           Object.keys(obj).forEach(function(key) { 
    
               console.log(key, obj[key]);
    
           });
           //方法二 
           for (var i in obj) { 
               console.log(i + ' ' + obj[i])
           }
           //方法三
           Object.getOwnPropertyNames(obj).forEach(function(key) { 
                   console.log(key + ':' + obj[key]);
    
               })
               //方法三
           Reflect.ownKeys(obj).forEach(function(key) { 
               console.log(key + ':' + obj[key]);
           })

#### 1.遍历数组的方法 ####

var arr = ['w', 'e', 'n'];
           //方法一
           
           //es6 entries()方法 遍历数组的键值对
           for (var [key, value] of arr.entries()) { 
               console.log(key, value);
           }
    
    
           //es6 keys()方法 遍历数组的键名
           for (var key of arr.keys()) { 
               console.log(key);
           }
    
           //es6 values()方法 遍历数组的键值
           for (var value of arr.values()) { 
               console.log(value);
           }
    
    
           //方法二 键值对
           arr.forEach(function(value, key) { 
                   console.log(key, value);
               })
    
            //方法三 键值对
           for (var i in arr) { 
               console.log(i, arr[i]);
           }
    
           //方法四 得到值
           for (var value of arr) { 
               console.log(value);
    
           }
             //方法五 键值对
           arr.map(function(value, index) { 
               console.log(index, value);
           })

发表评论取消回复

表情：

评论列表（有 0 条评论，378人围观）

还没有评论，来说两句吧...

相关阅读

相关数组遍历VS对象遍历

数组遍历 const nameArray2 = ['zhao', 'qian', 'zhang', 'sun', 'li']; nameArray2.map(

拼搏现实的明天。/ 2022年10月15日 07:58/ 0 赞/ 268 阅读

相关如何在html页面遍历对象,javascript如何遍历对象属性？

javascript遍历对象的属性并没有像java中遍历一个Map那么简单，主要原因有以下两点: 1、在javascript中对象的属性分为可枚举与不可枚举之分,他们是由属性

你的名字/ 2022年10月06日 05:47/ 0 赞/ 339 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 306 阅读

相关 java遍历之数组遍历,list遍历,set遍历,map遍历，stream遍历,Enumeration遍历

1.\_遍历方式其实遍历的就两种,对象和数组.只是哪个遍历适用于哪个而已 1. for 2. for增强 3. foreach 4. 迭代(Iterable)

迈不过友情╰/ 2022年09月11日 06:19/ 0 赞/ 337 阅读

相关 javascript遍历方法总结

forEach 循环 JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的： for (var index = 0; inde

╰+攻爆jí腚メ/ 2022年03月30日 14:17/ 0 赞/ 249 阅读

相关 js数组遍历和对象遍历

[http://www.cnblogs.com/yizhilin/p/7344675.html][http_www.cnblogs.com_yizhilin_p_7344675

傷城~/ 2022年03月16日 02:36/ 0 赞/ 367 阅读

相关数组遍历。对象遍历。字符串遍历

数组遍历 for for(var i=0;i<arr.length;i++)\{ ...... \} forEach arr.forEach(

墨蓝/ 2021年11月29日 13:48/ 0 赞/ 559 阅读

相关 javascript如何遍历对象和数组，遍历方法总结

1.遍历对象的方法 var obj = { 'a': 1, "b": 2 , 'c': 3 }; //方法一

矫情吗；*/ 2021年11月11日 10:56/ 0 赞/ 379 阅读

相关对象遍历（对象forEach遍历）

对象遍历（对象forEach遍历）对象遍历对象fon in 遍历对象keys 遍历对象

àì夳堔傛蜴生んèń/ 2021年10月06日 18:48/ 0 赞/ 560 阅读

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 662 阅读