JavaScript masīvi ir datu struktūras, kurās var saglabāt vairākas vērtības. Tomēr var būt daudz gadījumu, kad masīvs satur dublētus elementus. Šajā rokasgrāmatā ir aprakstītas dažādas metodes, kā noņemt šos dublikātus un izveidot masīvu ar unikāliem elementiem.

Piezīme: Uzziniet vairāk par JavaScript masīviem

Metodes dublēto elementu noņemšanai no JavaScript masīva

Satura rādītājs

c# saraksts

• Izmantojot Javascript filtra() metodi
• Izmantojot Javascript set() metodi
• Izmantojot Javascript forEach() metodi
• Izmantojot Javascript samazināt() metodi
• Izmantojot Javascript metodi indexOf()
• Trešās puses bibliotēkas izmantošana

Izmantojot JavaScript filtra() metodi

The filtra() metode izveido jaunu elementu masīvu, kas atbilst izpildītajam nosacījumam, izmantojot atzvanīšanas funkciju. Tajā tiks iekļauti tikai tie elementi, kuriem tiek atgriezta patiesība.

Piemērs: Tālāk norādītajā kodā tiek izmantots filtra() metode lai noņemtu JavaScript masīva elementa dublikātu.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(prece) === indekss); } console.log(removeDuplicates(arr));>>  
  Izvade  
[ 'apple', 'mango', 'orange' ]>
  
    Izmantojot JavaScript set() metodi    
Šī metode iestata jaunu objekta tipu ar ES6 (ES2015), kas ļauj izveidot unikālu vērtību kolekcijas.
 
 

java enums
 
    Piemērs:    Šajā piemērā tiek izmantots JavaScript set() metode lai noņemtu dublikātus no masīva.
Javascript 
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>
   
  Izvade  

Izmantojot JavaScript forEach() metodi

Izmantojot katrai() metodei , mēs varam atkārtot masīva elementus, un mēs ievietosim jauno masīvu, ja tas masīvā nepastāv.

Piemērs: Metode forEach() tiek izmantota, lai noņemtu elementus no JavaScript masīva tālāk norādītajā kodā.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unikāls.push(element);  } });  atgriezt unikālu; } console.log(removeDuplicates(arr));>>  
  Izvade  
[ 'apple', 'mango', 'orange' ]>
  
    Izmantojot JavaScript samazināšanas () metodi    
The samazināt() metodi tiek izmantots, lai samazinātu masīva elementus un apvienotu tos galīgajā masīvā, pamatojoties uz kādu reduktora funkciju, kuru jūs nokārtojat.
 
    Piemērs:    Reducēšanas () metode tiek izmantota, lai JavaScript masīvā noņemtu dublikātus.
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));>
   
  Izvade  

Izmantojot JavaScript indexOf() metodi

The indexOf() metode tiek izmantots, lai atrastu pirmo masīva elementa sastopamības indeksu. mēs varam atkārtot masīva elementus, un mēs iespiedīsimies jaunajā masīvā, ja tas neeksistē iegūtajā masīvā.

Piemērs: Tālāk sniegtajā koda piemērā tiek izmantota metode indexOf(), lai no masīva noņemtu dublikātus.

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

Trešās puses bibliotēkas izmantošana

Mēs varam izmantot arī trešās puses bibliotēku, piemēram, Lodash vai Pasvītrojums.js lai noņemtu dublētos elementus no Javascript masīva. The _.uniq() funkcija atgriež masīvu, kurā nav elementu dublikātu.

Piemērs: The Bibliotēkas underscore.js funkcija _.uniq() tiek izmantota tālāk norādītajā kodā, lai noņemtu elementus no masīva.