Object.keys() 的使用

假如有这样一个需求，打印下面这个对象中所有的键：

  var person = {
    name: '张三',
    age: 18,
    66: '66',
    2: '2'
  };

1.使用for in循环试一下

  for(var item in person){
    console.log(item);
  }

控制台打印的结果是 ：        

 

2.使用js提供的方法 Object.keys()

console.log(Object.keys(person));

控制台打印的结果是 ：      

当然想打印所有的值可以使用 Object.values(),返回的同样是数组

 

3.拓展

（1）从上面的Object.keys() 打印结果看，打印结果给我们自动排序了，并且和for in 的排序一样。

这是因为 Object.keys在内部会根据属性名key的类型进行不同的排序逻辑。分三种情况：

1. 如果属性名的类型是Number，那么Object.keys返回值是按照key从小到大排序
2. 如果属性名的类型是String，那么Object.keys返回值是按照属性被创建的时间升序排序。
3. 如果属性名的类型是Symbol，那么逻辑同String相同

（2）假如 person 是个字符串

  var person = '123456';
  console.log(Object.keys(person));

打印结果是：

竟然也能打印出来所有的键，这就纳闷了，字符串怎么能被对象的方法调用呢。

原来当Object.keys函数使用参数时，会执行以下步骤：
第一步：将参数转换成Object类型的对象。
第二步：通过转换后的对象获得属性列表properties。

注意：属性列表properties为List类型（List类型是ECMAScript规范类型）

第三步：将List类型的属性列表properties转换为Array得到最终的结果。

将参数转换成Object（ToObject(O)）

ToObject操作根据下表将参数O转换为Object类型的值：
参数类型       | 结果                    |
--------------|------------------------|
Undefined     | 抛出TypeError           |
Null          | 抛出TypeError           |
Boolean       | 返回一个新的 Boolean 对象 |
Number        | 返回一个新的 Number 对象  |
String        | 返回一个新的 String 对象  |
Symbol        | 返回一个新的 Symbol 对象  |
Object        | 直接将Object返回         |

参考自：5分钟彻底理解Object.keys