Как удалить дубликаты из массива в JavaScript

Как JavaScript-разработчик, вы можете столкнуться со сценариями, в которых необходимо удалить дубликаты из массива. Дубликаты могут вызвать проблемы в вашем коде, и очень важно иметь чистый и уникальный массив. В этой статье я объясню различные методы, которые вы можете использовать для удаления дубликатов из массива в JavaScript.

Метод 1: Использование объекта Set

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

Вот пример:

const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // [1, 2, 3, 4, 5]

Способ 2: Использование метода filter()

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

Вот пример:

const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.filter((value, index, self) => {
  return self.indexOf(value) === index;
});

console.log(uniqueArr); // [1, 2, 3, 4, 5]

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

Способ 3: Использование метода reduce()

Метод reduce() в JavaScript позволяет уменьшить массив до одного значения. Вы можете использовать метод reduce() для удаления дубликатов из массива, создав новый массив и проверив, находится ли уже текущий элемент в новом массиве.

Вот пример:

const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);

console.log(uniqueArr); // [1, 2, 3, 4, 5]

В приведенном выше примере мы сначала создаем массив с дубликатами. Затем мы используем метод reduce() и передаем функцию обратного вызова, которая проверяет, находится ли уже текущий элемент в новом массиве. Если это не так, он добавляется в новый массив.

В заключение, удаление дубликатов из массива в JavaScript можно сделать по-разному. Вы можете использовать объект Set, filter() или метод reduce(). Каждый метод имеет свои преимущества и недостатки, и вам решать, какой из них использовать, исходя из ваших конкретных потребностей.

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.