Пересечение отображенных массивов

Beginner

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

Введение

В этом практическом занятии мы будем изучать концепцию пересечения массивов в JavaScript. В частности, мы реализуем функцию, которая возвращает общие элементы между двумя массивами, после применения заданной функции к каждому элементу обоих массивов. Это практическое занятие поможет вам понять, как использовать высших порядковых функций в JavaScript для манипуляции массивами и решения общих задач программирования.

Инструкции по нахождению пересечения отображенных массивов

Для нахождения общих элементов в двух массивах после применения функции к каждому элементу обоих массивов следуйте шагам:

  1. Откройте Терминал/SSH и введите node.
  2. Используйте предоставленный ниже код:
const intersectionBy = (a, b, fn) => {
  const s = new Set(b.map(fn));
  return [...new Set(a)].filter((x) => s.has(fn(x)));
};
  1. В коде замените a и b на свои массивы, а fn на функцию, которую вы хотите применить к каждому элементу.
  2. Запустите код, чтобы получить результирующий массив с общими элементами.

Пример:

intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor); // [2.1]
intersectionBy(
  [{ title: "Apple" }, { title: "Orange" }],
  [{ title: "Orange" }, { title: "Melon" }],
  (x) => x.title
); // [{ title: 'Orange' }]

В первом примере функция Math.floor применяется к массивам [2.1, 1.2] и [2.3, 3.4], возвращая общий элемент [2.1]. Во втором примере функция x => x.title применяется к массивам [{ title: 'Apple' }, { title: 'Orange' }] и [{ title: 'Orange' }, { title: 'Melon' }], возвращая общий элемент [{ title: 'Orange' }].

Резюме

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