Object.keys()来获取对象的属性

luoyibu 发布于2019-08-20 17:38 / 1924人阅读

摘要：在实际开发中可能会遇到需要获取对象的所有属性，这时你可能会自己来遍历一遍获取，其实原生已经为我们提供了一个方法，他就是，它返回一个数组，就可以结合方法遍历对象。对象对象数组数组构造函数构造函数实例化对象实例化对象字符串字符串

在实际开发中可能会遇到需要获取对象的所有属性，这时你可能会自己来遍历一遍获取，其实原生js已经为我们提供了一个方法，他就是Object.keys()，它返回一个数组，就可以结合forEach方法遍历对象。

1.对象

// 1.对象
var a = {
    a : 123,
    b : "asd",
    c : function() {
        console.log( "haha" );
    }
};
console.log( Object.keys( a ) ); // [ "a", "b", "c" ]

2.数组

// 2.数组
var b = [ 123, 21, 31 ];
console.log( Object.keys( b ) ); // [ "0", "1", "2" ]

3.构造函数

// 3.构造函数
function c() {
    this.aa = 123;
    this.bb = "asdas";
    this.cc = function() {

    }
}
console.log( Object.keys( c ) ); // []

4.实例化对象

// 4.实例化对象
var d = new c();
console.log( Object.keys( d ) ); // [ "aa", "bb", "cc" ]

5.字符串

// 5.字符串
var e = "sdf123";
console.log( Object.keys( e ) ); // [ "0", "1", "2", "3", "4", "5" ]

GPU云服务器云服务器对象的属性匹配对象的属性和函数 js中集合对象的属性 js包装对象中的属性

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83741.html

用for...in 和Object.keys()枚举对象属性的差异

摘要：用循环和方法都可以获取对象的属性，那么它们有什么区别呢假设有一个对象定义不可枚举属性程序的输出结果为两种方式都获取到了对象的所有可枚举属性，而对于不可枚举属性两种方式都无法得到。用for...in循环和Object.keys方法都可以获取对象的属性，那么它们有什么区别呢？假设有一个对象a: var a = {x: 1, y: 2}; Object.defineProperty(a, ...

liaoyg8023 2019-08-23 15:59 评论0 收藏0
利用Object.keys遍历(forEach/map)对象数组，合并

摘要：中几种遍历对象的方法，包括它们在使用场景方面各有不同。注意它同一样不能保证属性按对象原来的顺序输出。其返回对象的所有自身属性的属性名组成的数组，但不会获取原型链上的属性。另外可以由或终止。在这些情况下，迭代器关闭。 js中几种遍历对象的方法，包括for..of、for..in、Object.keys、Object.getOwnProperty,它们在使用场景方面各有不同。 js对象的属...

浠ラ箍 2019-08-22 16:33 评论0 收藏0
JavaScript中对象的枚举/遍历（enumeration）

摘要：附如果你想获取一个对象的所有属性甚至包括不可枚举的即可见下面一种方法方法返回一个由指定对象的所有自身属性的属性名包括不可枚举属性但不包括值作为名称的属性组成的数组。 JavaScript中遍历获取对象属性和方法主要有三种： Object.keys()、Object.getOwnPropertyNames()、for...in... 一、Object.keys()、Object.get...

Amio 2019-08-22 17:02 评论0 收藏0
javascript中枚举迭代对象的方法

摘要：像和使用内置构造函数所创建的对象都会继承自和的不可枚举属性，例如的方法或的方法。循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性更接近原型链中对象的属性覆盖原型属性。在中，非对象参数被强制转换为对象。 for...in for...in 循环只遍历可枚举属性。像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype和S...

MingjunYang 2019-08-23 16:54 评论0 收藏0
【译】如何在 JavaScript 中使用对象的方法

摘要：中的所有对象都来自父的构造函数。不同于数组的原型方法例如和只能被数组实例使用，对象方法直接来自构造函数，并使用对象实例作为参数。这称为静态方法。创建对象的键值对的嵌套数组。可用于确定对象是否已冻结，并返回布尔值。原文：How To Use Object Methods in JavaScript作者：Tania Rascia译者：博轩介绍 JavaScript 中，对象是键/值 ...

longmon 2019-08-23 17:03 评论0 收藏0