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

Понимание уникальности массива в JavaScript

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

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

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

Первый представленный нами сценарий использует new Set() объект в JavaScript, чтобы обеспечить уникальность массива. А Set представляет собой коллекцию значений, каждое из которых должно быть уникальным. Передавая массив в Set, мы автоматически отфильтровываем повторяющиеся значения. Чтобы преобразовать Set обратно в массив, мы используем оператор распространения [...new Set(array)]. Этот метод является кратким и использует встроенные функции JavaScript для эффективного достижения желаемого результата.

Например, если у вас есть массив с повторяющимися числами, включая нули, например [1, 2, 2, 3, 4, 4, 5, 0, 0], функция getUniqueValues(array) вернет массив только с уникальными значениями: [1, 2, 3, 4, 5, 0]. Этот метод прост и без проблем обрабатывает все типы элементов, включая нули.

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

Второй скрипт определяет собственный метод для Array.prototype называется getUnique. Этот метод использует объект для отслеживания уникальных элементов. Внутри метода мы сначала инициализируем пустой объект const uniqueElements = {} и пустой массив const resultArray = []. Затем мы перебираем массив, используя for цикл, сохраняя каждый элемент как ключ в uniqueElements объект, чтобы гарантировать уникальность всех ключей.

После заполнения uniqueElements объект, мы используем другой for...in цикл для перебора ключей объекта и помещения каждого уникального ключа в resultArray. Наконец, метод возвращает resultArray, который содержит только уникальные значения. Этот метод особенно поучителен, поскольку показывает, как вручную управлять уникальностью и обеспечивать ее соблюдение, не полагаясь исключительно на встроенные функции, что дает более глубокое понимание обработки структур данных в JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Глубокое погружение в методы дедупликации массивов

Еще один важный метод удаления дубликатов из массива в JavaScript — использование оператора filter метод в сочетании с indexOf метод. Этот метод предполагает перебор массива и включение только тех элементов, первое вхождение которых соответствует их текущей позиции. Это гарантирует, что каждый элемент будет включен в результирующий массив только один раз, что эффективно удаляет дубликаты.

Например, рассмотрим массив [1, 2, 2, 3, 4, 4, 5, 0, 0]. Используя array.filter((item, index) => array.indexOf(item) === index), вы можете отфильтровать повторяющиеся значения. Этот подход работает путем проверки того, совпадает ли индекс текущего элемента с индексом первого вхождения этого элемента. Если да, то элемент уникален и включен в новый массив.