Удаление дубликатов из массива в JavaScript

Часто встречается ситуация, когда имеется простой массив в JavaScript, который может содержать дубликаты. Пример такого массива может выглядеть следующим образом:

let fruits = ["apple", "banana", "mango", "apple", "banana"];

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

Разработка на Java — востребованное направление, такие специалисты будут нужны на рынке еще долго. На курсе «Java-разработчик» от Skypro освоить профессию можно с нуля за 11 месяцев, даже если вы гуманитарий и ничего не знаете об IT. Программа составлена от простого к сложному и адаптирована для новичков. Преподаватели — практикующие специалисты из крупных компаний: «Сбер», «Самокат» и других.

Использование Set

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

let fruits = ["apple", "banana", "mango", "apple", "banana"];
let uniqueFruits = [...new Set(fruits)];
console.log(uniqueFruits); // ["apple", "banana", "mango"]

Использование метода filter

Если использование Set не подходит (например, если нужно поддерживать старые браузеры), можно использовать метод filter массива:

let fruits = ["apple", "banana", "mango", "apple", "banana"];
let uniqueFruits = fruits.filter((value, index, self) => {
    return self.indexOf(value) === index;
});
console.log(uniqueFruits); // ["apple", "banana", "mango"]

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

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

В Skypro на курсе «Java-разработчик» вы научитесь писать программы для игр и приложений, освоите все нужные инструменты: Git, GitHub, Docker, Swagger, PostgreSQL и другие. Потренируетесь под руководством опытных наставников и соберете сильное портфолио. На курсе действует гарантия трудоустройства: поможем вам найти работу или вернем деньги за курс.