Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
06 Июл 2023
2 мин
1004

Слияние массивов в JavaScript с удалением дубликатов

Очень часто при работе с языком программирования JavaScript возникает задача слияния двух массивов в один. Особенно актуальной эта проблема становится,

Очень часто при работе с языком программирования JavaScript возникает задача слияния двух массивов в один. Особенно актуальной эта проблема становится, когда необходимо сохранить уникальность элементов, то есть избавиться от дубликатов.

Рассмотрим на примере. Пусть у нас есть два массива:

var array1 = ["apple","banana"];
var array2 = ["banana", "cherry"];

Нашей задачей является получить такой массив:

var array3 = ["apple","banana","cherry"];

То есть элемент «banana», который присутствует в обоих исходных массивах, в итоговом массиве должен быть представлен только один раз.

Чтобы решить эту задачу, в JavaScript нет готового метода, который бы выполнял слияние и удаление дубликатов одновременно. Но это можно сделать в два шага.

Первым шагом будет слияние двух массивов. Для этого можно использовать метод concat(), который объединяет два и более массивов в один:

var array3 = array1.concat(array2);

На этом этапе мы получим массив array3 = ["apple", "banana", "banana", "cherry"].

Вторым шагом будет удаление дубликатов. Здесь нам поможет объект Set, который представляет собой набор уникальных значений. Если мы передадим наш массив как аргумент новому объекту Set, то получим набор уникальных элементов массива:

var uniqueArray = [...new Set(array3)];

В итоге в переменной uniqueArray мы получим желаемый результат: ["apple", "banana", "cherry"].

Таким образом, слияние массивов и удаление дубликатов в JavaScript может быть выполнено с помощью стандартных методов и объектов этого языка.

Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей

Добавить комментарий