prosoal: object values/entries
Object.entries()
此方法签名如下：
Object.entries(value : any) : Array<[string,any]>
如果 JavaScript 数据结构具有键和值，条目是一个键值对，被编码为2元数组。Object.entries(x) 强制 x 为一个对象，并返回一个给定对象自己的可枚举属性[key，value]对的数组：
let obj = { one: 1, two: 2 };
for (let [k,v] of Object.entries(obj)) {
console.log(`${JSON.stringify(k)}: ${JSON.stringify(v)}`);
}
// Output:
// "one": 1
// "two": 2
Object.entries(obj)
// [["one",1],["two",2]]
其键为 symbols 的属性被忽略：
Object.entries({ [Symbol()]: 123, foo: 'abc' });
// [ [ 'foo', 'abc' ] ]
通过 Object.entries() 设置为 Map 对象
Object.entries() 还允许你将一个对象设置为 Map 对象。这比使用2元数组的数组更简洁，但是键只能是字符串。
let map = new Map(Object.entries({
one: 1,
two: 2,
}));
console.log(JSON.stringify([...map]));
// [["one",1],["two",2]]
也可以处理复杂的数据结构
const info = {
name: 'joey',
age: 10,
getName: function(){
return 'hello'
},
person: {
nick: 'yes',
getInfo: function(){
return false;
}
}
}
Object.entries(info);
=>
[['name', 'joey'],['age',10],['getName', function],['person',{nick:'yes', getInfo: function}]]
Object.values()
Object.values()方法返回一个给定对象自身的所有__可枚举__属性值的数组，值的顺序与使用for...in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
此方法签名如下：
Object.values(value : any) : Array<any>
它的工作原理很像 Object.entries() ，但是，正如其名称所示，它只返回自己可枚举的字符串键属性的值：
Object.values({ one: 1, two: 2 }); // [ 1, 2 ]
Object.keys()
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
常见问题
- 为什么 Object.entries() 的返回值是一个数组而不是一个迭代器？
在这种情况下的相关先例是 Object.keys() ，而不是，例如 Map.prototype.entries()。
- 为什么 Object.entries() 只返回自己的可枚举的字符串键属性？
再次说明，这样做与 Object.keys() 一致。该方法也忽略其 symbols 键的属性。最终，可能会有一个返回所有属性的 Reflect.ownEntries() 方法。