Ми дізнаємося, як отримати всі унікальні значення (видалити дублікати) у масиві JavaScript. Маючи масив із різними значеннями, наша мета — відфільтрувати будь-які дублікати та відобразити отриманий масив у консолі.

отримати всі унікальні значення (видалити дублікати) у масиві JavaScript

Ми можемо отримати всі унікальні значення в масиві JavaScript такими способами:

порівняти в рядку

Зміст

• Спосіб 1: використання циклу for
• Спосіб 2. Використання методу Array filter():
• Спосіб 3: Використання методу set().
• Спосіб 4: Використання методу reduce().
• Спосіб 5: Використання методу forEach().
• Спосіб 6: Використання методу indexOf().
• Спосіб 7. Використання функції Underscore.js _.uniq().

Спосіб 1: Використання циклу for

для циклу метод перевірив кожне значення вихідного масиву (listArray) з кожним значенням вихідного масиву (outputArray), де повторювані значення видаляються. Якщо поточне значення не існує у вихідному масиві з унікальними значеннями, додайте елемент до вихідного масиву.

приклад: Цей приклад генерує унікальний масив рядкових значень.

// Creating a 3x4 two-dimensional array let Arr = [  'Manish', 'Chandan', 'Piyush',  'Sunil', 'Pankaj', 'Piyush',  'Pankaj', 'Tiny', 'Chandan',  'Manish']; let outputArray = []; // Count variable is used to add the // new unique value only once in the // outputArray. let count = 0; // Start variable is used to set true // if a repeated duplicate value is // encontered in the output array. let start = false; for (let j = 0; j < Arr.length; j++) {  for (let k = 0; k < outputArray.length; k++) {  if (Arr[j] == outputArray[k]) {  start = true;  }  }  count++;  if (count == 1 && start == false) {  outputArray.push(Arr[j]);  }  start = false;  count = 0; } console.log(outputArray);>

[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Спосіб 2. Використання методу Array filter():

Функція arr.filter() використовується для створення нового масиву з існуючого масиву, що складається лише з тих елементів заданого масиву, які задовольняють умову, задану функцією аргументу.

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

let Arr = [  'g', 'e', 'e', 'k', 's',   'f', 'o', 'r', 'g', 'e',   'e', 'k', 's' ]; let outputArray = []; function removewithfilter(arr) {  let outputArray = arr.filter(function (v, i, self) {  // It returns the index of the first  // instance of each value  return i == self.indexOf(v);  });  return outputArray; } console.log(removewithfilter(Arr));>

[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Спосіб 3: Використання методу set().

Набір — це набір елементів, які є унікальними, тобто жоден елемент не може повторюватися. Набір в ES6 впорядкований: елементи набору можна повторювати в порядку вставки. Набір може зберігати будь-які типи значень, будь то примітиви чи об’єкти.

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

let Arr = [  'DS', 'Algo', 'OS', 'HTML', 'DS',  'OS', 'Java', 'HTML', 'Algo' ]; let outputArray = []; function removeusingSet(arr) {  let outputArray = Array.from(new Set(arr))  return outputArray } console.log(removeusingSet(Arr));>

[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Спосіб 4: Використання методу reduce().

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

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

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' ]>

Спосіб 5: Використання методу forEach().

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

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

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' ]>

Спосіб 6: Використання методу 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' ]>

Спосіб 7: Використання функції Underscore.js _.uniq().

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

pandas loc

приклад: У цьому прикладі ми будемо використовувати функцію _.uniq().

const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));>

Вихід:

[ 1, 2, 3, 4, 5 ]>