Object.keys()方法

理解Object.keys()方法

最新推荐文章于 2025-06-20 15:19:09 发布

原创最新推荐文章于 2025-06-20 15:19:09 发布 · 512 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文详细介绍了JavaScript中Object.keys()方法的使用，该方法用于获取对象的所有可枚举属性名称，并返回一个包含这些属性名的数组。文章通过多个示例展示了不同情况下Object.keys()的行为，包括普通数组、类似数组的对象以及具有随机键顺序的对象。

Object.keys()，该方法返回一个数组

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for in 循环遍历该对象时返回的顺序一致。

他的语法是：
Object.keys(obj)

参数
obj
//要返回其枚举自身属性的对象。

返回值
一个表示给定对象的所有可枚举属性的字符串数组。

描述
Object.keys 返回一个所有元素为字符串的数组，其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。

下面举几个例子

// simple array
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']

// array like object
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

// array like object with random key ordering
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // console: ['2', '7', '100']

// getFoo is a property which isn't enumerable
var myObj = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  } 
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: ['foo']