Масиви JavaScript — це структури даних, які можуть зберігати кілька значень. Однак може бути багато випадків, коли масив містить повторювані елементи. У цьому посібнику ви ознайомитеся з різними методами видалення цих дублікатів і створення масиву з унікальними елементами.

Примітка: Дізнайтеся більше про масиви JavaScript

Методи видалення повторюваних елементів із масиву JavaScript

різниця між масивом і списком масивів

Зміст

• Використання методу Javascript filter().
• Використання методу Javascript set().
• Використання методу Javascript forEach().
• Використання методу Javascript reduce().
• Використання методу Javascript indexOf().
• Використання сторонньої бібліотеки

Використання методу JavaScript filter().

The метод filter(). створює новий масив елементів, який відповідає переданій умові через функцію зворотного виклику. Він включатиме лише ті елементи, для яких повертається true.

приклад: Наведений нижче код використовує метод filter(). щоб видалити дублікат елемента в масиві JavaScript.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(item) === індекс); } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Використання методу JavaScript set().

Цей метод встановлює новий тип об’єкта з ES6 (ES2015), який дозволяє створювати колекції унікальних значень.

приклад: У цьому прикладі використовується JavaScript метод set(). щоб видалити дублікати з масиву.

алфавіт за цифрами

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Використання методу JavaScript forEach().

Використовуючи метод forEach(). , ми можемо перебирати елементи в масиві та вводити новий масив, якщо його в масиві немає.

приклад: Метод forEach() використовується для видалення елементів із масиву JavaScript у наведеному нижче коді.

перевести рядок до int java

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element);  } });  повернення унікальне; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Використання методу JavaScript reduce().

The метод reduce(). використовується для зменшення елементів масиву та об’єднання їх у остаточний масив на основі деякої функції редуцента, яку ви передаєте.

приклад: Метод reduce() використовується для видалення дублікатів із масиву в JavaScript.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Використання методу JavaScript indexOf().

The метод indexOf(). використовується для пошуку першого індексу входження елемента масиву. ми можемо перебирати елементи в масиві та вводити новий масив, якщо він не існує в результуючому масиві.

приклад: У наведеному нижче прикладі коду використовується метод методу indexOf() для видалення дублікатів із масиву.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Використання сторонньої бібліотеки

Ми також можемо використовувати сторонню бібліотеку, наприклад Лодаш або Underscore.js щоб видалити повторювані елементи з масиву Javascript. The Функція _.uniq(). повертає масив, який не містить повторюваних елементів.

Приклад: The Функція _.uniq() бібліотеки underscore.js використовується в наведеному нижче коді для видалення елементів із масиву.