Object.keys、values、entries

Object.keys()

在ES5中，就引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。

let obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 4,
}
for (let key of Object.keys(obj)) {
  console.log(key);  // a b c d
}

Object.values()

• Object.values()方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历属性的键值
• 返回数组的成员顺序，与属性的遍历部分介绍的排列规则一致

排列规则

• 首先遍历所有数值键，按照数值升序排列
• 其次遍历所有字符串键，按照加入时间升序排列
• 最后遍历所有Symbol键，按照加入时间升序排列

const obj = { 100: "a", 'i': 'd', 2: "b", 7: "c" };
console.log(Object.values(obj));    // b c a d

Object.create方法创建对象的情况下：

const obj = Object.create({}, { p: { value: 10 } });
console.log(Object.values(obj));  // []
console.log(Object.getOwnPropertyDescriptors(obj));  // 取一个对象的所有自身属性的描述符

• Object.create方法的第二个参数添加的对象属性（属性p），如果不显式声明，默认是不可遍历的，因为p的属性描述对象的enumerable默认是false，Object.values不会返回这个属性。
• 只要把enumerable改成true，Object.values就会返回属性p的值

const obj = {
  [Symbol("a")]: 1,
  a: 2,
}
console.log(Object.values(obj));  // [2]
console.log(Reflect.ownKeys(obj));  //  ["a", Symbol(a)] 返回一个由目标对象自身的属性键组成的数组
console.log(Object.values("foo"));      //["f","o","o"]

• Object.values()会过滤属性名为Symbol值的属性。
• Object.values()方法的参数是一个字符串，会返回各个字符组成的一个数组。
• 如果参数不是对象，Object.values会先将其转为对象
• 由于数值和布尔值的包装对象，都不会为实例添加非继承的属性。所以，Object.values会返回空数组。如果参数为undefined或者null会报错

Object.entries()

• Object.entries方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组
• Object.entries的基本用途是遍历对象的属性

let obj = {
  enter: '111',
  ctrl: '222',
}
for (let [k, v] of Object.entries(obj)) {
  console.log(`${JSON.stringify(k)} : ${JSON.stringify(v)}`); // enter: '111'  ctrl: '222'
}

• Object.entries方法的另一个用处是，将对象转为真正的Map结构

const obj = { food: "ou", ou: 100 };
const map = new Map(Object.entries(obj))
console.log(map);