Преобразование массива в объект на основе ключа

JavaScriptJavaScriptBeginner
Практиковаться сейчас

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

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы изучим, как преобразовать массив объектов в объект, где каждый ключ объекта является определенным значением свойства исходных объектов. Для этого мы будем использовать метод Array.prototype.reduce() и деструктуризацию объектов в JavaScript. Это практическое занятие поможет вам глубже понять, как манипулировать и преобразовывать данные в 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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/data_types -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/arith_ops -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/comp_ops -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/array_methods -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/higher_funcs -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} javascript/spread_rest -.-> lab-28160{{"Преобразование массива в объект на основе ключа"}} end

Преобразование массива в объект на основе определенного ключа

Для преобразования массива в объект на основе определенного ключа и исключения этого ключа из каждого значения следуйте этим шагам:

  • Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  • Используйте Array.prototype.reduce(), чтобы создать объект из предоставленного массива.
  • Используйте деструктуризацию объектов, чтобы извлечь значение заданного ключ и связанные данные, а затем добавьте пару ключ-значение в объект.

Вот пример реализации:

const indexOn = (arr, key) =>
  arr.reduce((obj, v) => {
    const { [key]: id, ...data } = v;
    obj[id] = data;
    return obj;
  }, {});

Затем вы можете использовать функцию так:

indexOn(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  "id"
);
// { '10': { name: 'apple' }, '20': { name: 'orange' } }

Резюме

Поздравляем! Вы завершили практическое занятие "Преобразование массива в объект на основе ключа". Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.