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

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

时间: 2024-11-05 23:19:14

Object.keys() 遍历对象的相关文章

3.Object.keys() 取得对象中所有可枚举的属性

Object.keys() 取得对象中所有可枚举的属性 function Person(){ }Person.prototype.name="summer";Person.prototype.age=20;Person.prototype.job="enginner";Person.prototype.sayName=function(){ console.log(this.name);} var keys=Object.keys(Person.prototype)

for in 与 Object.keys 与 hasOwnProperty区别

1.结论 for in遍历对象所有可枚举属性 包括原型链上的属性 Object.keys遍历对象所有可枚举属性 不包括原型链上的属性 hasOwnProperty 检查对象是否包含属性名,无法检查原型链上是否具有此属性名 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport

javaScript遍历对象、数组总结

javaScript遍历对象总结 1.使用Object.keys()遍历 var obj = {'0':'a','1':'b','2':'c'}; Object.keys(obj).forEach(function(key){ console.log(key,obj[key]); }); 2.使用for..in..遍历 var obj = {'0':'a','1':'b','2':'c'}; for(var i in obj) { console.log(i,":",obj[i]);

Object.keys方法详解

一.官方解释 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 .如果对象的键-值都不可枚举,那么将返回由键组成的数组. 二.语法 Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组 三.处理对象,返回可枚举的属性数组 <!DOCTYPE html> <html> <head> <met

in、Object.keys

for in 会遍历对象.数组以及该对象原型链上可以枚举的属性 返回的结果都是String类型 在某些情况下,遍历数组的顺序可能是随机的 1234567891011121314 Array.prototype.getLength = function() { return this.length;};var arr = ['a', 'b', 'c'];arr.name = 'June';Object.defineProperty(arr, 'age', { enumerable: true, v

es6遍历对象的几种方式

ES6一共有5种方法可以遍历对象的属性. (1)for...in for...in循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). (2)Object.keys(obj) Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性). (3)Object.getOwnPropertyNames(obj) Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).

遍历对象属性(for in、Object.keys、Object.getOwnProperty)

js中几种遍历对象的方法,包括for in.Object.keys.Object.getOwnProperty,它们在使用场景方面各有不同. for in 主要用于遍历对象的可枚举属性,包括自有属性.继承自原型的属性 var obj = {"name":"Poly", "career":"it"} Object.defineProperty(obj, "age", {value:"forever

对象属性 Object.getOwnPropertyNames() Object.keys for...in

1.Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组. Object.getOwnPropertyNames(obj) 参数obj是一个对象,其自身的可枚举和不可枚举属性的名称被返回. 返回值是:在给定对象上找到的自身属性对应的字符串数组. 实例: var arr = ["a", "b", "c"]; console.log(Ob

对象是否拥有某个属性,in和for in以及object.hasOwnProperty(&#39;&#215;&#215;&#215;&#39;)的异同,以及Object.defineProperty(),Object.keys(),Object.getOwnPropertyNames()的用法

1.在某个对象是否拥有某个属性,判断的方法有很多,常用的方法就是object.hasOwnProperty('×××'),这个方法是不包括对象原型链上的方法的,举个例子: var obj = { name:'fei' } console.log(obj.hasOwnProperty('name'))//true console.log(obj.hasOwnProperty('toString'))//false 在这个例子中,obj对象存在的name属性的时候,调用这个方法才是返回true,我们