Object.entries()

Object.entries()
方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致

与 for…in的区别：
for-in 循环还会枚举原型链中的属性

语法：Object.entries(obj)
参数：obj 可枚举属性的键值对的对象
返回值：给定对象自身可枚举属性的键值对数组

let obj = {name: 'zhangsan', age: 20}
let a = Object.entries(obj)
console.log(a) 
// 以下为打印内容： 
(2) [Array(2), Array(2)]
0: (2) ["name", "zhangsan"]
1: (2) ["age", 20]
length: 2
__proto__: Array(0)

将Object转换为Map
new Map() 构造函数接受一个可迭代的entries。
使用Object.entries方法你可以轻易的将Object转换为Map

let obj = {name: 'zhangsan', age: 20}
let a = Object.entries(obj)
// 转换为Map
let b = new Map(a)
console.log(b)
// 以下是转换为Map的打印内容：
Map(2) {"name" => "zhangsan", "age" => 20}
[[Entries]]
0: {"name" => "zhangsan"}
1: {"age" => 20}
size: (...)
__proto__: Map

// 转换为Map后我们怎么使用呢？比如：获取其中的某些值
// 此时可以使用Map的一些方法：比如get(), set(), has()等

let obj = {name: 'zhangsan', age: 20}
let a = Object.entries(obj)
let b = new Map(a)
console.log(b.get('name')) // get(key)获取值
b.set('gender', 'male') // set(key, value) 设置值

// 以下为打印内容：
zhangsan
Map(3) {"name" => "zhangsan", "age" => 20, "gender" => "male"}
[[Entries]]
0: {"name" => "zhangsan"}
1: {"age" => 20}
2: {"gender" => "male"}
size: 3
__proto__: Map

技巧：快速访问一个对象的key和value

let obj = {name: 'zhangsan', age: 20}
// forEach
Object.entries(obj).forEach(([key, value]) => {
	console.log(key, value)
})
// for循环
for (const [key, value] of Object.entries(obj)) {
	console.log(key, value)
}
// name zhangsan
// age 20