Эффективное пересечение массивов в JavaScript

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

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

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

Введение

В этом практическом занятии мы изучим концепцию пересечения массивов в JavaScript. Основная цель этого практического занятия - помочь вам понять, как найти общие элементы между двумя массивами, удаляя при этом все дубликаты. Вы научитесь использовать структуру данных Set и метод Array.prototype.filter(), чтобы реализовать эту функциональность.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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-28148{{"Эффективное пересечение массивов в JavaScript"}} javascript/data_types -.-> lab-28148{{"Эффективное пересечение массивов в JavaScript"}} javascript/arith_ops -.-> lab-28148{{"Эффективное пересечение массивов в JavaScript"}} javascript/comp_ops -.-> lab-28148{{"Эффективное пересечение массивов в JavaScript"}} javascript/higher_funcs -.-> lab-28148{{"Эффективное пересечение массивов в JavaScript"}} javascript/spread_rest -.-> lab-28148{{"Эффективное пересечение массивов в JavaScript"}} end

Поиск пересечения массивов

Для нахождения общих элементов между двумя массивами и удаления дубликатов используйте следующий код:

const intersection = (arr1, arr2) => {
  const set = new Set(arr2);
  return [...new Set(arr1)].filter((elem) => set.has(elem));
};

Для использования этого кода откройте Терминал/SSH и введите node. Затем вызовите функцию intersection с двумя массивами в качестве аргументов, как показано ниже:

intersection([1, 2, 3], [4, 3, 2]); // [2, 3]

Возвращается массив, содержащий элементы, которые присутствуют в обоих массивах, при этом удалены дубликаты.

Резюме

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