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

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

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

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

Введение

В этом практическом занятии мы будем изучать концепцию пересечения массивов в 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28485{{"Пересечение отображенных массивов"}} javascript/data_types -.-> lab-28485{{"Пересечение отображенных массивов"}} javascript/arith_ops -.-> lab-28485{{"Пересечение отображенных массивов"}} javascript/comp_ops -.-> lab-28485{{"Пересечение отображенных массивов"}} javascript/higher_funcs -.-> lab-28485{{"Пересечение отображенных массивов"}} javascript/spread_rest -.-> lab-28485{{"Пересечение отображенных массивов"}} end

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

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

  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, чтобы улучшить свои навыки.