logo

Kā iegūt visas unikālās vērtības (noņemt dublikātus) JavaScript masīvā?

Mēs iemācīsimies iegūt visas unikālās vērtības (noņemt dublikātus) JavaScript masīvā. Ņemot vērā masīvu ar dažādām vērtībām, mūsu mērķis ir filtrēt visus dublikātus un parādīt iegūto masīvu konsolē.

get-unique-values-in-a-javascript

iegūstiet visas unikālās vērtības (noņemiet dublikātus) JavaScript masīvā



Mēs varam iegūt visas unikālās vērtības JavaScript masīvā šādos veidos:

java lasa csv failu

Satura rādītājs

1. metode: Izmantojot cilpu

cilpai metode pārbaudīja katru sākotnējā masīva (listArray) vērtību ar katru izvades masīva (outputArray) vērtību, kurā tika noņemtas dublētās vērtības. Ja pašreizējā vērtība nepastāv izvades masīvā ar unikālām vērtībām, pievienojiet elementu izvades masīvam.



Piemērs: Šis piemērs ģenerē unikālu virkņu vērtību masīvu.

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

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

2. metode: masīva filtra() metodes izmantošana:

Funkciju arr.filter() izmanto, lai izveidotu jaunu masīvu no esoša masīva, kas sastāv tikai no tiem elementiem no dotā masīva, kas atbilst argumentu funkcijas izvirzītajam nosacījumam.

Piemērs: Šajā piemērā mēs izmantosim masīvu filtrs () metode dublikātu noņemšanai no masīva.



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

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

3. metode: izmantojot set() metodi

Komplekts ir unikālu priekšmetu kolekcija, t.i., nevienu elementu nevar atkārtot. Komplekti ES6 ir sakārtoti: kopas elementus var atkārtot ievietošanas secībā. Komplektā var saglabāt jebkura veida vērtību, gan primitīvu, gan objektu.

Piemērs: Šajā piemērā mēs izmantosim set() metode lai noņemtu dublikātus no masīva.

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

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

4. metode: samazināšanas () metodes izmantošana

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: Šajā piemērā mēs redzēsim samazināšanas () metodes izmantošanu.

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
[ 'apple', 'mango', 'orange' ]>

5. metode: ForEach() metodes izmantošana

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: Šajā piemērā mēs redzēsim metodes forEach() izmantošanu.

diāna Marija Blekere
Javascript
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' ]>

6. metode: Izmantojot metodi indexOf()

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: Šajā piemērā mēs redzēsim indexOf() metodes izmantošanu.

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

Izvade

7. metode: Funkcijas Underscore.js _.uniq() 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 a Javascript masīvs . The _.uniq() funkcija atgriež masīvu, kurā nav elementu dublikātu.

Piemērs: Šajā piemērā mēs izmantosim funkciju _.uniq().

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

Izvade:

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