码迷,mamicode.com
首页 > 其他好文 > 详细

Object.keys() 遍历对象

时间:2018-11-20 21:43:16      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:function   csdn   相关   obj   console   技术   OLE   sch   http   

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]);
    });

运行程序,两种方法的结果是一样的,效果如下图,至于使用哪种方法,就智者见智,仁者见仁啦,for(),用起来比较容易上手,但太罗嗦;forEach()和相关的遍历方法结合,使得数组拥有简单而强大的函数式编程风格,更加强大。
技术分享图片

Object.keys() 遍历对象

标签:function   csdn   相关   obj   console   技术   OLE   sch   http   

原文地址:https://www.cnblogs.com/ysk123/p/9991655.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!