Dowiemy się, jak uzyskać wszystkie unikalne wartości (usunąć duplikaty) w tablicy JavaScript. Mając tablicę o różnych wartościach, naszym celem jest odfiltrowanie wszelkich duplikatów i wyświetlenie wynikowej tablicy w konsoli.

uzyskaj wszystkie unikalne wartości (usuń duplikaty) w tablicy JavaScript

Wszystkie unikalne wartości w tablicy JavaScript możemy uzyskać w następujący sposób:

Java porównaj ciąg

Spis treści

• Metoda 1: Użycie pętli for
• Metoda 2: Korzystanie z metody Array filter():
• Metoda 3: Użycie metody set().
• Metoda 4: Użycie metody redukcji().
• Metoda 5: Użycie metody forEach().
• Metoda 6: Korzystanie z metody IndexOf().
• Metoda 7: Korzystanie z funkcji Underscore.js _.uniq().

Metoda 1: Używanie pętli for

dla pętli Metoda sprawdziła każdą wartość oryginalnej tablicy (listArray) z każdą wartością tablicy wyjściowej (outputArray), gdzie usunięte zostały zduplikowane wartości. Jeśli bieżąca wartość nie istnieje w tablicy wyjściowej z unikalnymi wartościami, dodaj element do tablicy wyjściowej.

Przykład: Ten przykład generuje unikalną tablicę wartości ciągów.

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

Metoda 2: Korzystanie z metody Array filter():

Funkcja arr.filter() służy do utworzenia nowej tablicy z istniejącej tablicy składającej się tylko z tych elementów danej tablicy, które spełniają warunek ustawiony przez funkcję argumentu.

Przykład: W tym przykładzie użyjemy tablicy filtr() metoda usuwania duplikatów z tablicy.

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

Metoda 3: Użycie metody set().

Zestaw to zbiór elementów, które są unikalne, tzn. żaden element nie może się powtórzyć. Zestawy w ES6 są uporządkowane: elementy zestawu można iterować w kolejności wstawiania. Zestaw może przechowywać dowolny typ wartości, zarówno pierwotny, jak i obiektowy.

Przykład: W tym przykładzie będziemy używać Metoda set(). aby usunąć duplikaty z tablicy.

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

Metoda 4: Użycie metody redukcji().

The metoda redukcji(). służy do redukcji elementów tablicy i połączenia ich w ostateczną tablicę w oparciu o przekazaną funkcję redukującą.

Przykład: W tym przykładzie zobaczymy użycie metody redukcji().

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

Metoda 5: Użycie metody forEach().

Korzystając z forEach(). , możemy iterować po elementach tablicy i wpychać elementy do nowej tablicy, jeśli nie istnieje ona w tablicy.

Przykład: W tym przykładzie zobaczymy zastosowanie metody forEach().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unikatowy.push(element);  } });  zwróć unikalny; } konsola.log(usuń duplikaty(arr));>

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

Metoda 6: Korzystanie z metody IndexOf().

The metoda indeksOf(). służy do znalezienia pierwszego indeksu wystąpienia elementu tablicy. możemy iterować po elementach tablicy i wpychać elementy do nowej tablicy, jeśli nie istnieje ona w wynikowej tablicy.

Przykład: W tym przykładzie zobaczymy zastosowanie metody 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' ]>

Metoda 7: Korzystanie z funkcji Underscore.js _.uniq().

Możemy również skorzystać z biblioteki innej firmy, takiej jak Lodasz Lub Podkreślenie.js aby usunąć zduplikowane elementy z a Tablica JavaScript . The Funkcja _.uniq(). zwraca tablicę, która nie zawiera zduplikowanych elementów.

porównanie Javy

Przykład: W tym przykładzie użyjemy funkcji _.uniq().

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

Wyjście:

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