Object.keys()遍历对象

柔光的暖阳◎ 2022-02-23 03:20 274阅读 0赞

**Object.keys()方法的运用与数组遍历**

Object.keys()用于获得由对象属性名组成的数组，可与数组遍历相结合使用，用起来效果杠杠滴。数组遍历可以用for()或forEach()来实现，forEach()方法是ECMAScript5定义的遍历数组的一个新方法，按照索引的顺序挨个传递给定义的函数；接下来就Object.keys()分别结合for()和forEach()使用进行运用，用console.log输出到控制台，代码如下：

1、for

//创建对象
        var person = {
            ChineseName: "wjh",
            EnglishName: "Bruce",
            age: 10,
            school:"HQ University"
        }
        var keys = Object.keys(person);//获得对象属性名组成的数组
            varvalue = [];//用于存储匹配的属性值
            //用for进行遍历
         for (var i = 0,len = keys.length; i < len; i++) {
            var key = keys[i];
            value[i] = person[key];
            console.log("person ", key, ": ", value[i]);
        }

2、foreach

//创建对象
        var person = {
            ChineseName: "wjh",
            EnglishName: "Bruce",
            age: 10,
            school:"HQ University"
        }
        //用forEach()进行遍历
        var keys = Object.keys(person).forEach(function(tz) {
            console.log("person ", tz, ": ", person[tz]);
        });

![20190406124959168.png][]

[20190406124959168.png]: /images/20220223/0e509a2ca24a42c797f45513bf26b9db.png

发表评论取消回复

表情：

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

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

相关阅读

相关遍历对象属性

问： var obj = \{ 名称：“西蒙”，年龄：“20”，服装：\{ 风格：“简单”，时髦：假 \} \} for(var propt in obj)\{ cons

心已赠人/ 2024年03月30日 15:48/ 0 赞/ 89 阅读

相关 js遍历map(js遍历map对象)

javascript怎么遍历map var map = new HashMap(); map.put(a,1); map.put(b,2); 遍历： va

雨点打透心脏的1/2处/ 2023年10月11日 18:48/ 0 赞/ 58 阅读

相关 js遍历对象(js遍历对象的所有属性)

![js遍历对象(js遍历对象的所有属性)\_js遍历对象(js遍历对象的所有属性)][js_js_js_js] js 遍历对象的3种方法第一种： for..

Love The Way You Lie/ 2023年09月26日 14:53/ 0 赞/ 69 阅读

相关数组遍历VS对象遍历

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

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

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

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

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

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

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

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

相关 JS遍历对象

var tripInfo = { "2019-5-1": 0, "2019-5-2": 0, "

秒速五厘米/ 2022年02月20日 03:06/ 0 赞/ 385 阅读

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

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

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

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

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

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

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

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

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