在 ECMAScript 2019 中,新增了一个静态方法 Object.fromEntries,它可以将一个键值对数组转换为一个对象,这个方法对于创建对象的过程有一定的便利性和效率。但是在实际应用中,我们往往对这个方法的使用比较模糊,本文将详细介绍如何合理运用 Object.fromEntries 创建对象。
Object.fromEntries 的用法
Object.fromEntries 方法是一个静态方法,它接受一个数组作为参数。这个数组应该至少包含一组键值对的数组,例如:
let entries = [ ['name', 'Isaac'], ['age', 25], ['gender', 'male'] ];
然后,我们可以使用 Object.fromEntries 方法将这个数组转换为一个对象:
let myObj = Object.fromEntries(entries); console.log(myObj); // { name: 'Isaac', age: 25, gender: 'male' }
基于这种方式,我们可以不必花费太多时间编写代码,轻松创建一个对象。
实际应用
在实际应用中,我们往往遇到一个问题:从一个对象中选择一些特定的属性并组成新的对象。以纯 JavaScript 为例,这个过程可能如下所示:
-- -------------------- ---- ------- --- ------ - - ----- -------- ---- --- ------- ------- --------- ------- -- --- ------ - --- -------- ------ --------------------- -- - ----------- - ------------ --- -------------------- -- - ----- -------- ---- --- ------- ------ -
这个过程有点费时间和精力,但是使用 Object.fromEntries 就可以很方便的实现:
-- -------------------- ---- ------- --- ------ - - ----- -------- ---- --- ------- ------- --------- ------- -- --- ---- - -------- ------ ---------- --- ------ - ------------------- ------------ -- ----- ------------- -- -------------------- -- - ----- -------- ---- --- ------- ------ -
我们可以将上面的过程简化为两行代码,这对于代码的复杂性和可读性都有个较大提升。
总结
Object.fromEntries 可以帮助我们快速创建对象,无需编写冗长的代码。通过前文的介绍,我们了解了 Object.fromEntries 包括它的用法和实际应用。在日常工作中,合理运用这个方法将为我们的代码编写带来更高效率和更好的可维护性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/649f9a4048841e9894bf5202