本章介绍了 ECMAScript 2017 的 Object.values/Object.entries 特性 。
更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏
概述
Object.entries()
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.values()
> Object.values({ one: 1, two: 2 }) [ 1, 2 ]
Object.entries()
此方法签名如下：
Object.entries(value : any) : Array<[string,any]>
如果 JavaScript 数据结构具有键和值，条目是一个键值对，被编码为 2 元数组。Object.entries(x) 强制 x 为一个对象，并返回一个给定对象自己的可枚举属性[key，value]对的数组：
> Object.entries({ one: 1, two: 2 }) [ [ 'one', 1 ], [ 'two', 2 ] ]
其键为 symbols 的属性被忽略：
> Object.entries({ [Symbol()]: 123, foo: 'abc' }); [ [ 'foo', 'abc' ] ]
Object.entries() 最终给我们一种迭代对象属性的方法（读这里了解为什么对象默认情况下不可迭代）：
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() 设置为 Map 对象
Object.entries() 还允许你将一个对象设置为 Map 对象。这比使用 2 元数组的数组更简洁，但是键只能是字符串。
let map = new Map(Object.entries({ one: 1, two: 2, })); console.log(JSON.stringify([...map])); // [["one",1],["two",2]]
常见问题
- 为什么 Object.entries() 的返回值是一个数组而不是一个迭代器？
在这种情况下的相关先例是 Object.keys() ，而不是，例如 Map.prototype.entries()。
- 为什么 Object.entries() 只返回自己的可枚举的字符串键属性？
再次说明，这样做与 Object.keys() 一致。该方法也忽略其 symbols 键的属性。最终，可能会有一个返回所有属性的 Reflect.ownEntries() 方法。
Object.values()
此方法签名如下：
Object.values(value : any) : Array<any>
它的工作原理很像 Object.entries() ，但是，正如其名称所示，它只返回自己可枚举的字符串键属性的值：
> Object.values({ one: 1, two: 2 }) [ 1, 2 ]
Polyfill
为了兼容那些原生不支持 Object.entries() 和 Object.values() 方法的旧环境，你可以在 tc39/proposal-object-values-entries ，es-shims/Object.entries 和 es-shims/Object.values 找到一些解决方案。
原文地址：http://exploringjs.com/es2016-es2017/ch_object-entries-object-values.html
【注：本文源自网络文章资源，由站长整理发布】
转载请注明原文链接：ES2017 中 Object.entries() 和 Object.values()
