Object.getOwnPropertyNames vs Object.keys

Object.getOwnPropertyNames vs Object.keys

What’s the difference between Object.getOwnPropertyNames and Object.keys in javascript? Also some examples would be appreciated.


Solution 1:

There is a little difference. Object.getOwnPropertyNames(a) returns all own properties of the object a. Object.keys(a) returns all enumerable own properties. It means that if you define your object properties without making some of them enumerable: false these two methods will give you the same result.

It’s easy to test:

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

If you define a property without providing property attributes descriptor (meaning you don’t use Object.defineProperties), for example:

a.test = 21;

then such property becomes an enumerable automatically and both methods produce the same array.

Solution 2:

Another difference is in case of array Object.getOwnPropertyNames method will return an extra property that is length.

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

Solution 3:

Another difference is that (at least with nodejs) “getOwnPropertyNames” function does not guarantee keys order, that’s why I usually use “keys” function :

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

Related:  Constructing a DOMTokenList/DOMSettableTokenList instance