Сопоставление массива с объектом

Beginner

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

Введение

В этом практическом занятии мы научимся сопоставлять значения массива с объектом с использованием функции в JavaScript. Практическое занятие проведет вас по процессу использования Array.prototype.reduce() для применения функции к каждому элементу массива и объединения результатов в объект. Также вы научитесь использовать элемент в качестве ключа и результат функции в качестве значения для каждого свойства.

Сопоставление массива с объектом

Для сопоставления значений массива с объектом с использованием функции следуйте шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практику по программированию.
  2. Используйте Array.prototype.reduce(), чтобы применить fn к каждому элементу в arr и объединить результаты в объект.
  3. Используйте el в качестве ключа для каждого свойства и результат fn в качестве значения.

Вот пример кода:

const mapObject = (arr, fn) =>
  arr.reduce((acc, el, i) => {
    acc[el] = fn(el, i, arr);
    return acc;
  }, {});

Вы можете использовать функцию mapObject, как показано в этом примере:

mapObject([1, 2, 3], (a) => a * a); // { 1: 1, 2: 4, 3: 9 }

Резюме

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