Видалення дублікатів із масиву JavaScript

Розуміння унікальності масиву в JavaScript

У JavaScript забезпечення того, що масив містить лише унікальні значення, може бути вирішальним для різних програм. Хоча існує кілька способів досягти цього, певні методи можуть не працювати за певних умов, наприклад, за наявності нулів.

У цій статті ми розглянемо прототип сценарію для видалення дублікатів з масиву. Ми визначимо проблеми з нульовими значеннями та порівняємо їх із більш надійним рішенням. Розуміючи ці відмінності, ви навчитеся ефективніше обробляти унікальність масиву в JavaScript.

Як видалити дублікати в масивах JavaScript

Перший скрипт, який ми представили, використовує new Set() у JavaScript, щоб забезпечити унікальність масиву. А Set це набір значень, де кожне значення має бути унікальним. Передаючи масив в a 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 = []. Потім ми виконуємо ітерацію по масиву, використовуючи a 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), можна відфільтрувати повторювані значення. Цей підхід працює шляхом перевірки, чи індекс поточного елемента збігається з індексом першого входження цього елемента. Якщо так, то елемент унікальний і включений у новий масив.