ES6、ES8 Object 扩展：Object.keys()、Object.values()、Object.entries()

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

Object.values() 方法

• 返回一个给定对象自身可枚举的属性值组成的数组
• 值的顺序与使用 for...in 循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )
• 注：Object.values() 是在对象上找到可枚举的属性值，只要这个对象是可枚举的就可以，不只是 {} 这种形式

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

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

• 之前语法如何获取对象的每一个属性值（通过对象属性名获取对象的属性值）

const obj = {
    name: 'imooc',
    web: 'www.imooc.com',
    course: 'es'
}
console.log(Object.keys(obj))
// map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值
const res = Object.keys(obj).map(key => obj[key])
console.log(res)
// ["imooc", "www.imooc.com", "es"]

Object.entries() 方法

• 返回一个给定对象自身可枚举属性的键值对数组
• 其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）

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

const obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.entries(obj)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]