选取对象键

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何使用 JavaScript 中的 pick 函数从对象中提取特定的键值对。我们将学习如何将一个对象和一个键数组传递给 pick 函数,以及它如何使用 Array.prototype.reduce() 来过滤并仅从对象中返回指定的键值对。本实验将帮助你理解如何在 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-28544{{"`选取对象键`"}} javascript/data_types -.-> lab-28544{{"`选取对象键`"}} javascript/arith_ops -.-> lab-28544{{"`选取对象键`"}} javascript/comp_ops -.-> lab-28544{{"`选取对象键`"}} javascript/array_methods -.-> lab-28544{{"`选取对象键`"}} javascript/higher_funcs -.-> lab-28544{{"`选取对象键`"}} javascript/destr_assign -.-> lab-28544{{"`选取对象键`"}} end

选取对象键的说明

要从对象中选取特定的键值对,请使用函数 pick(obj, arr)

  • 将对象作为第一个参数传入,将需要选取的键的数组作为第二个参数传入。
  • 该函数返回一个新对象,其中只包含与给定键相对应的键值对。

以下是如何使用 pick() 的示例:

const pick = (obj, arr) =>
  arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});

pick({ a: 1, b: "2", c: 3 }, ["a", "c"]); // { 'a': 1, 'c': 3 }

要开始编码练习,请打开终端/SSH 并输入 node

总结

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

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