理解Object.keys

Object.keys()方法可以返回由传入对象的所有可枚举的自有属性的属性名组成的数组，这和使用for…in遍历对象不同，for-in会把对象的原型链上继承到的可枚举属性也会遍历出来。

属性名的顺序和for-in出来的一样。

Object.keys(obj)

Examples

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr));  // 输出 ["0", "1", "2"]
var str = 'foo';
console.log(Object.keys(str));  // 输出 ["0", "1", "2"] 注： 在es5下，这会抛出一个TypeError的错误
var obj = Object.create({'bar': 2}, {
  baz: {
    value: 'hello',
    enumerable: true
  },
  foo: {
  	value: '10'
  }
});
obj.test = 1;
console.log(Object.keys(obj)); // 输出 ["baz", "test"]
for (var i in obj){console.log(i)} // 输出 baz, test, bar  注： 顺序是一样的，但是bar是继承回来的属性

Polyfill

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
if (Object.keys) {
  Object.keys = (function(){
    'use strict';  
    var hasOwnProperty = Object.prototype.hasOwnProperty,
        hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString');
        dontEnums = [
          'toString',
          'toLocaleString',
          'valueOf',
          'hasOwnProperty',
          'isPrototypeOf',
          'propertyIsEnumerable',
          'constructor'
        ],
        dontEnumsLength = dontEnums.length;
        
    return function(obj){
      if (typeof obj !== 'Object' && (typeof obj !== 'function' || obj === null)){
        throw new TypeError('Object.keys called on non-object');
      }
      
      var result = [], prop, i;
      for (prop in obj) {
        if (hasOwnProperty.call(obj, prop)) {
          result.push(prop);
        }
      }
      
      if (hasDontEnumBug) {
        for (i = 0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) {
            result.push(dontEnums[i]);
          }
        }
      }
      
      return result;
    };
  })();
}

摘自