Очень часто при работе с языком программирования 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 может быть выполнено с помощью стандартных методов и объектов этого языка.
Добавить комментарий