zoukankan      html  css  js  c++  java
  • Object.keys() 遍历对象

    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()和相关的遍历方法结合,使得数组拥有简单而强大的函数式编程风格,更加强大。
    这里写图片描述

  • 相关阅读:
    JS的type类型为 text/template
    Vue之x-template(2)
    Vue之x-template(1)
    vue之$mount
    console.log()与console.dir()
    Less用法注意事项
    一次 Linux 系统被攻击的分析过程
    WebAR 如何改变增强现实的未来
    开发中的测试名词解释
    Flutter 同步系统的 HTTP 代理设置
  • 原文地址:https://www.cnblogs.com/ysk123/p/9991655.html
Copyright © 2011-2022 走看看