Сгруппировать массив в объект

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

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

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

Введение

В этом практическом занятии мы изучим, как сгруппировать массив в объект с использованием JavaScript. В частности, мы будем использовать метод 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-28368{{"Сгруппировать массив в объект"}} javascript/data_types -.-> lab-28368{{"Сгруппировать массив в объект"}} javascript/arith_ops -.-> lab-28368{{"Сгруппировать массив в объект"}} javascript/comp_ops -.-> lab-28368{{"Сгруппировать массив в объект"}} javascript/array_methods -.-> lab-28368{{"Сгруппировать массив в объект"}} javascript/higher_funcs -.-> lab-28368{{"Сгруппировать массив в объект"}} javascript/destr_assign -.-> lab-28368{{"Сгруппировать массив в объект"}} end

Как сгруппировать массив в объект

Для того чтобы сгруппировать массив в объект, следуйте шагам:

  1. Откройте Терминал или SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте метод Array.prototype.reduce(), чтобы создать объект из двух массивов.
  3. Предоставьте массив допустимых идентификаторов свойств и массив значений.
  4. Если длина массива свойств больше длины массива значений, оставшиеся ключи будут установлены в undefined.
  5. Если длина массива значений больше длины массива свойств, оставшиеся значения будут проигнорированы.

Вот пример кода, демонстрирующий, как сгруппировать массив в объект:

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

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

Резюме

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