在 ES8 中使用 Object.entries() 返回的是对象数组
随着 JavaScript 语言的发展，我们不断发现一些新特性和新功能的出现。ES8 中的 Object.entries() 方法就是其中之一，这个方法返回的是一个包含对象属性键值对的数组。
Object.entries() 简介
Object.entries() 是 JavaScript 中一个新的内置方法，它可以将一个对象的属性键值对转换成一个数组。这个方法的语法如下：
Object.entries(obj)
其中，obj 表示要转换的对象。
Object.entries() 返回值
Object.entries() 返回的是一个二维数组，其中每一个子数组都包含两个元素，第一个元素是属性的键名，第二个元素是属性的值。
下面是一个示例：
const obj = { name: '张三', age: 18 } const arr = Object.entries(obj) console.log(arr) // [ ['name', '张三'], ['age', 18] ]
可以看到，Object.entries() 方法返回了一个数组，其中每一个子数组都包含了一个属性的键值对。
如果要将返回的数组转换回对象，则可以使用 Object.fromEntries() 方法。这个方法可以接收一个数组，将其中每一个子数组的第一个元素作为键名，第二个元素作为键值，转换成一个新的对象。
const obj = { name: '张三', age: 18 } const arr = Object.entries(obj) const newObj = Object.fromEntries(arr) console.log(newObj) // { name: '张三', age: 18 }
Object.entries() 的学习意义
Object.entries() 是一个非常实用的方法，可以方便我们将一个对象转换成一个数组，方便数组的遍历和处理。
这个方法在一些场景中十分有用，例如在使用 Object.keys() 和 Object.values() 方法时，我们可以借助 Object.entries() 方法将键值对转换成数组再进行处理。
下面是一个示例：
const obj = { name: '张三', age: 18 } const keys = Object.keys(obj) console.log(keys) // ['name', 'age'] const values = Object.values(obj) console.log(values) // ['张三', 18] const entries = Object.entries(obj) console.log(entries) // [ ['name', '张三'], ['age', 18] ]
示例代码
-- -------------------- ---- ------- -- ------------ ----- --- - - ----- ----- ---- -- - ----- --- - ------------------- ---------------- -- - -------- ------ ------- --- - -- ------------ ----- ---- - - ----- ----- ---- -- - ----- ---- - -------------------- ----- ------ - ------------------------ ------------------- -- - ----- ----- ---- -- - -- ------ ------------- - --------------- -- ----- ---- - - ----- ----- ---- -- - ----- ---- - ----------------- ----------------- -- -------- ------ ----- ------ - ------------------- ------------------- -- ------ --- ----- ------- - -------------------- -------------------- -- - -------- ------ ------- --- -展开代码
总结
Object.entries() 是一个非常实用的方法，它可以将一个对象的属性键值对转换成一个数组，方便数组的遍历和处理。在使用 Object.keys() 和 Object.values() 方法时，我们可以借助 Object.entries() 方法将键值对转换成数组再进行处理。这个方法在实际开发中应用非常广泛，掌握它对你的工作会有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6496da1e48841e989440b9bd
