从键值对创建对象

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索如何在JavaScript中根据键值对创建对象。我们将使用 Array.prototype.reduce() 方法将这些键值对组合成一个对象。此外,我们还将了解 Object.fromEntries() 方法,它提供了类似的功能。在实验结束时,你将对如何在JavaScript中处理键值对有更深入的理解。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/array_methods("`Array Methods`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("`Destructuring Assignment`") subgraph Lab Skills javascript/variables -.-> lab-28519{{"`从键值对创建对象`"}} javascript/data_types -.-> lab-28519{{"`从键值对创建对象`"}} javascript/arith_ops -.-> lab-28519{{"`从键值对创建对象`"}} javascript/comp_ops -.-> lab-28519{{"`从键值对创建对象`"}} javascript/array_methods -.-> lab-28519{{"`从键值对创建对象`"}} javascript/higher_funcs -.-> lab-28519{{"`从键值对创建对象`"}} javascript/destr_assign -.-> lab-28519{{"`从键值对创建对象`"}} end

根据键值对创建对象

要根据键值对创建对象,请使用 objectFromPairs 函数。

  • 打开终端/SSH 并输入 node 以开始练习编码。
  • 该函数使用 Array.prototype.reduce() 来创建并组合键值对。
  • 对于更简单的实现,你也可以使用Object.fromEntries()
const objectFromPairs = (arr) =>
  arr.reduce((a, [key, val]) => ((a[key] = val), a), {});

示例用法:

objectFromPairs([
  ["a", 1],
  ["b", 2]
]); // {a: 1, b: 2}

总结

恭喜你!你已经完成了“根据键值对创建对象”实验。你可以在LabEx中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程