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