logo

Odstranite podvojene elemente iz niza JavaScript

Nizi JavaScript so podatkovne strukture, ki lahko shranijo več vrednosti. Vendar pa lahko pride do številnih primerov, ko matrika vsebuje podvojene elemente. Ta vodnik vas bo vodil skozi različne metode za odstranitev teh dvojnikov in ustvarjanje niza z edinstvenimi elementi.

Opomba: Izvedite več o nizih JavaScript



odstrani-podvojeno-matriko-iz-javascripta

Metode za odstranjevanje podvojenih elementov iz niza JavaScript

nevrsten prehod

Kazalo



Uporaba metode JavaScript filter().

The metoda filter(). ustvari novo matriko elementov, ki se ujema s posredovanim pogojem prek funkcije povratnega klica. Vključeval bo samo tiste elemente, za katere je vrnjeno true.

primer: Spodnja koda uporablja metoda filter(). za odstranitev dvojnika elementa v nizu JavaScript.

Javascript
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(item) === indeks); } console.log(removeDuplicates(arr));>

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

Uporaba metode JavaScript set().

Ta metoda nastavi nov tip predmeta z ES6 (ES2015), ki vam omogoča ustvarjanje zbirk edinstvenih vrednosti.



regresijsko testiranje pri testiranju programske opreme

primer: Ta primer uporablja JavaScript metoda set(). za odstranitev dvojnikov iz matrike.

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

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

Uporaba metode JavaScript forEach().

Z uporabo metoda forEach(). , lahko ponavljamo elemente v matriki in potisnemo v novo matriko, če v matriki ne obstaja.

primer: Metoda forEach() se uporablja za odstranjevanje elementov iz matrike JavaScript v spodnji kodi.

Javascript
let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element);  } });  vrni edinstveno; } console.log(removeDuplicates(arr));>

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

Uporaba metode JavaScript reduce().

The metoda reduce(). se uporablja za zmanjšanje elementov matrike in njihovo združevanje v končno matriko na podlagi neke reduktorske funkcije, ki jo posredujete.

primer: Metoda reduce() se uporablja za odstranjevanje dvojnikov iz matrike v JavaScriptu.

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));>

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

Uporaba metode JavaScript indexOf().

The metoda indexOf(). se uporablja za iskanje prvega indeksa pojavljanja elementa matrike. lahko ponavljamo po elementih v matriki in potisnemo v novo matriko, če ne obstaja v nastali matriki.

primer: Spodnji primer kode uporablja metodo metode indexOf() za odstranjevanje dvojnikov iz matrike.

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));>

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

Uporaba knjižnice tretjih oseb

Uporabimo lahko tudi knjižnico tretjih oseb, kot je npr Lodash oz Underscore.js za odstranitev podvojenih elementov iz polja Javascript. The funkcija _.uniq(). vrne matriko, ki ne vsebuje podvojenih elementov.

Primer: The Funkcija _.uniq() knjižnice underscore.js se v spodnji kodi uporablja za odstranjevanje elementov iz matrike.

HTML