在 ES9 中,新增了一个 Object.fromEntries 方法,该方法可以将包含键值对数组的一个二维数组转换为对象。本文将介绍 Object.fromEntries 方法的用法以及基本的示例。
Object.fromEntries 方法
Object.fromEntries 方法的语法如下:
Object.fromEntries(iterable)
其中,iterable 参数是一个可迭代对象,每个元素都是一个包含键值对的数组。
该方法会返回由可迭代对象中的键值对数组转换而成的对象。如果键名不是字符串,会自动转换为字符串。
Object.fromEntries 方法的应用
我们可以使用 Object.fromEntries 方法将一个包含键值对数组的二维数组转换为对象。
下面是一个示例:
const entries = [ ['foo', 'bar'], ['baz', 42] ]; const obj = Object.fromEntries(entries); console.log(obj); // { foo: "bar", baz: 42 }
在上面的示例中,我们传入一个包含两个键值对数组的二维数组 entries,然后调用 Object.fromEntries 方法将其转换为对象 obj。
使用 Object.fromEntries 方法实现反转对象属性
Object.fromEntries 方法还可以和 Object.entries 方法结合使用,实现反转对象属性的效果。
我们可以使用 Object.entries 方法将一个对象转换为包含键值对数组的二维数组,然后对数组进行反转操作,最后再将结果使用 Object.fromEntries 方法转换为新的对象。
下面是一个示例:
-- -------------------- ---- ------- ----- --- - - ---- ------ ---- -- -- ----- ------- - -------------------- ----- --------------- - ----------------- -- ----------------- ----- ----------- - ------------------------------------ ------------------------- -- - ---- ------ --- ----- -
在上面的示例中,我们首先创建一个对象 obj,然后使用 Object.entries 方法将其转换为键值对数组的二维数组 entries,接着使用 map 方法对数组进行反转操作,最后使用 Object.fromEntries 方法将反转后的键值对数组转换为新的对象 reversedObj。
指导意义
Object.fromEntries 方法提供了一种方便的方式,用于将键值对数组的二维数组转换为对象。在一些场景下,我们需要将数据由数组转换为对象,这时候可以使用该方法来实现需求。
除此之外,Object.fromEntries 方法还可以和 Object.entries 方法结合使用,用于反转对象属性。这种用法对于处理一些反转属性相关的业务场景特别有用。
总结
本文介绍了 ES9 中的 Object.fromEntries 方法,该方法可以将包含键值对数组的二维数组转换为对象。我们还介绍了 Object.fromEntries 方法和 Object.entries 方法结合使用的示例,用于实现反转对象属性的效果。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64cb5dda5ad90b6d04202667