Question

javascript中Object.getOwnPropertyNames和Object.keys之间有什么区别？还有一些例子值得赞赏。

Answer 1

有一点不同。 Object.getOwnPropertyNames(a)返回对象a的所有属性。 Object.keys(a)返回所有可枚举的自己的属性。这意味着如果您定义对象属性而不使其中的某些属性enumerable: false，则这两种方法将为您提供相同的结果。

很容易测试：

var a = {};
Object.defineProperties(a, {
    one: {enumerable: true, value: 'one'},
    two: {enumerable: false, value: 'two'},
});
Object.keys(a); // ["one"]
Object.getOwnPropertyNames(a); // ["one", "two"]

如果您定义属性而不提供属性属性描述符（意味着您不使用Object.defineProperties），例如：

a.test = 21;

然后这样的属性自动变为可枚举，并且两个方法都产生相同的数组。

Answer 2

另一个区别是，如果数组Object.getOwnPropertyNames方法将返回length的额外属性。

var x = ["a", "b", "c", "d"];
Object.keys(x);  //[ '0', '1', '2', '3' ]
Object.getOwnPropertyNames(x);  //[ '0', '1', '2', '3', 'length' ]

Answer 3

创建对象时的文字表示法与构造方法。

const cat1 = {
    eat() {},
    sleep() {},
    talk() {}
};

// here the methods will be part of the Cat Prototype
class Cat {
    eat() {}
    sleep() {}
    talk() {}
}

const cat2 = new Cat()

Object.keys(cat1) // ["eat", "sleep", "talk"]
Object.keys(Object.getPrototypeOf(cat2)) // []

Object.getOwnPropertyNames(cat1) // ["eat", "sleep", "talk"]
Object.getOwnPropertyNames(Object.getPrototypeOf(cat2)) // ["eat", "sleep", "talk"]

cat1 // {eat: function, sleep: function, talk: function}
cat2 // Cat {}

// a partial of a function that is used to do some magic redeclaration of props
function foo(Obj) {
    var propNames = Object.keys(Obj);

    // I was missing this if
    // if (propNames.length === 0) {
    //     propNames = Object.getOwnPropertyNames(Obj);
    // }

    for (var prop in propNames) {
        var propName = propNames[prop];

        APIObject[propName] = "reasign/redefine or sth";
    }
}

因此，在我的情况下，如果我给它提供了cat2类型的对象，则foo函数将不起作用。

还有其他创建对象的方法，因此其中也可能存在其他纽结。

Answer 4

如前所述，.keys不会返回不可枚举的属性。

关于示例，一个陷阱案例是Error对象：其某些属性是不可枚举的。
因此，尽管console.log(Object.keys(new Error('some msg')))产生[]， console.log(Object.getOwnPropertyNames(new Error('some msg')))产生["stack", "message"]

console.log(Object.keys(new Error('some msg')));
console.log(Object.getOwnPropertyNames(new Error('some msg')));

Answer 5

另一个区别是（至少对于nodejs）“getOwnPropertyNames”函数不保证键顺序，这就是我通常使用“键”函数的原因：

    Object.keys(o).forEach(function(k) {
      if (!o.propertyIsEnumerable(k)) return;
      // do something...
    });

Object.getOwnPropertyNames vs Object.keys

5 个答案: