Object.keys() Object.values()的使用

Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

var obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

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

// array like object with random key ordering
// when we use numeric keys, the value returned in a numerical order according to the keys
var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']

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

// non-object argument will be coerced to an object
console.log(Object.values('foo')); // ['f', 'o', 'o']

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

// 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']

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

  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的类型进行不同的排序逻辑。分三种情况：

如果属性名的类型是Number，那么Object.keys返回值是按照key从小到大排序
如果属性名的类型是String，那么Object.keys返回值是按照属性被创建的时间升序排序。
如果属性名的类型是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返回