Naučíme sa, ako získať všetky jedinečné hodnoty (odstrániť duplikáty) v poli JavaScript. Vzhľadom na pole s rôznymi hodnotami je naším cieľom odfiltrovať všetky duplikáty a zobraziť výsledné pole v konzole.

získať všetky jedinečné hodnoty (odstrániť duplikáty) v poli JavaScript
Všetky jedinečné hodnoty v poli JavaScript môžeme získať nasledujúcimi spôsobmi:
hádzať hádže v jave
Obsah
- Metóda 1: Použitie cyklu for
- Metóda 2: Použitie metódy Array filter():
- Metóda 3: Použitie metódy set().
- Metóda 4: Použitie metódy Redukovať().
- Metóda 5: Použitie metódy forEach().
- Metóda 6: Použitie metódy indexOf().
- Metóda 7: Použitie funkcie Underscore.js _.uniq().
Metóda 1: Použitie slučky for
pre slučku metóda skontrolovala každú hodnotu pôvodného poľa (listArray) s každou hodnotou výstupného poľa (outputArray), kde sú odstránené duplicitné hodnoty. Ak aktuálna hodnota neexistuje vo výstupnom poli s jedinečnými hodnotami, pridajte prvok do výstupného poľa.
Príklad: Tento príklad generuje jedinečné pole hodnôt reťazca.
Javascript // 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);> Výkon
[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>
Metóda 2: Použitie metódy Array filter():
Funkcia arr.filter() sa používa na vytvorenie nového poľa z existujúceho poľa pozostávajúceho iba z tých prvkov z daného poľa, ktoré spĺňajú podmienku nastavenú funkciou argument.
Príklad: V tomto príklade budeme používať pole filter() metóda na odstránenie duplikátov z poľa.
Javascript
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));> Výkon
[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>
Metóda 3: Použitie metódy set().
Sada je zbierka položiek, ktoré sú jedinečné, t. j. žiadny prvok sa nemôže opakovať. Súpravy v ES6 sú usporiadané: prvky súpravy je možné opakovať v objednávke vloženia. Sada môže uchovávať akýkoľvek typ hodnoty, či už primitívne alebo objekty.
Príklad: V tomto príklade budeme používať set() metóda na odstránenie duplikátov z poľa.
Javascript 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));> Výkon
[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>
Metóda 4: Použitie metódy Redukovať().
The znížiť() metóda sa používa na zmenšenie prvkov poľa a ich spojenie do konečného poľa na základe nejakej redukčnej funkcie, ktorú prejdete.
Príklad: V tomto príklade uvidíme použitie metódy reduction().
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));> Výkon
[ 'apple', 'mango', 'orange' ]>
Metóda 5: Použitie metódy forEach().
Pomocou forEach() metóda , môžeme iterovať cez prvky v poli a vložíme do nového poľa, ak v poli neexistuje.
Príklad: V tomto príklade uvidíme použitie metódy forEach().
herec rohit ShettyJavascript
let arr = ['apple', 'mango', 'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) { let unique = []; arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element); } }); vrátiť jedinečný; } console.log(removeDuplicates(arr));> Výkon
[ 'apple', 'mango', 'orange' ]>
Metóda 6: Použitie metódy indexOf().
The metóda indexOf(). sa používa na nájdenie prvého indexu výskytu prvku poľa. môžeme iterovať prvky v poli a vložíme to do nového poľa, ak vo výslednom poli neexistuje.
Príklad: V tomto príklade uvidíme použitie metódy indexOf().
Javascript 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));> Výkon
[ 'apple', 'mango', 'orange' ]>
Metóda 7: Pomocou funkcie Underscore.js _.uniq().
Môžeme použiť aj knižnicu tretích strán ako napr Lodash alebo Podčiarknite.js na odstránenie duplicitných prvkov z a Pole Javascript . The Funkcia _.uniq(). vráti pole, ktoré neobsahuje duplicitné prvky.
Príklad: V tomto príklade použijeme funkciu _.uniq().
Javascript const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));> Výkon:
[ 1, 2, 3, 4, 5 ]>