什么是 Object.fromEntries?
Object.fromEntries 是 ES11 中的新方法,它可以将键值对的数组转换为对象。该方法接收一个键值对数组,其中每个元素都是一个键值对数组,其中第一个元素是键,第二个元素是值。该方法将所有元素转换为对象的属性和属性值,并将其返回。
在某些情况下,对象转换为键值对数组可能会很有用。例如,当您需要使用类似 Object.entries 的方法将对象转换为键值对数组时,可以使用 Object.fromEntries 将其转换回对象。
示例代码
下面是一个演示 Object.fromEntries 的示例代码:
// 创建一个二维数组 const entries = [['a', 1], ['b', 2], ['c', 3]]; // 将二维数组转换为对象 const obj = Object.fromEntries(entries); console.log(obj); // {a: 1, b: 2, c: 3}
更多使用案例
Object.fromEntries 还可以用于其他常见的使用情况。例如,如果您想创建一个对象,其中键来自现有对象的属性,而值来自另一个属性,则可以使用 Object.fromEntries 。下面是一个简单的示例:
-- -------------------- ---- ------- -- ------------ ----- --------- - - -- ------ -- --- -- -- -- -- ----------- ----- ------- - -------------------------- -- ------------------- ----- --------------- - ---------------------- -- -------- --- ----- -- ----------- ----- ------ - --------------------------------------------- ------- -- -------------- --------- -------------------- -- - ------ ------ ------ -- -
这个示例中,我们使用 Object.entries 来将源对象转换为键值对数组。我们然后过滤了属性名称为 'c' 的键值对,并使用 map 方法将每个键值对的键添加 '_new' 后添加到新的对象中。
结论
Object.fromEntries 是一个非常实用的方法,可以轻松地将键值对的数组转换回对象中。在实际代码中,它可能会比 Object.entries 更有价值,因为它允许您从类似源对象的数组中创建新对象。使用此方法,您可以更轻松地从现有数据结构创建新对象,以便在应用程序的其他地方使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/677128786d66e0f9aacc3556