Dublikātu noņemšana no JavaScript masīva

Izpratne par masīvu unikalitāti JavaScript

Programmā JavaScript dažādām lietojumprogrammām var būt ļoti svarīgi nodrošināt, lai masīvā būtu tikai unikālas vērtības. Lai gan ir vairāki veidi, kā to panākt, noteiktas metodes var neizdoties noteiktos apstākļos, piemēram, ja ir nulles.

Šajā rakstā mēs apskatīsim skripta prototipu dublikātu noņemšanai no masīva. Mēs identificēsim problēmas ar nulles vērtībām un salīdzināsim ar uzticamāku risinājumu. Izprotot šīs atšķirības, jūs uzzināsit, kā efektīvāk rīkoties ar masīva unikalitāti JavaScript.

Kā noņemt dublikātus JavaScript masīvos

Pirmajā iesniegtajā skriptā tiek izmantots new Set() objektu JavaScript, lai nodrošinātu masīva unikalitāti. A Set ir vērtību kopums, kurā katrai vērtībai jābūt unikālai. Nododot masīvu a Set, mēs automātiski izfiltrējam dublētās vērtības. Lai pārvērstu Set atpakaļ masīvā, mēs izmantojam izkliedes operatoru [...new Set(array)]. Šī metode ir kodolīga un izmanto JavaScript iebūvētās funkcijas, lai efektīvi sasniegtu vēlamo rezultātu.

Piemēram, ja jums ir masīvs ar dublētiem numuriem, ieskaitot nulles, piemēram, [1, 2, 2, 3, 4, 4, 5, 0, 0], funkcija getUniqueValues(array) atgriezīs masīvu ar tikai unikālām vērtībām: [1, 2, 3, 4, 5, 0]. Šī metode ir vienkārša un bez problēmām apstrādā visu veidu elementus, tostarp nulles.

Pielāgota metode, lai nodrošinātu unikālas masīva vērtības

Otrais skripts definē pielāgotu metodi Array.prototype sauca getUnique. Šī metode izmanto objektu, lai izsekotu unikālos elementus. Metodes ietvaros mēs vispirms inicializējam tukšu objektu const uniqueElements = {} un tukšs masīvs const resultArray = []. Pēc tam mēs atkārtojam masīvu, izmantojot a for cilpa, katru elementu saglabājot kā atslēgu uniqueElements objektu, lai nodrošinātu, ka visas atslēgas ir unikālas.

Pēc aizpildīšanas uniqueElements objektu, mēs izmantojam citu for...in cilpa, lai atkārtotu objekta taustiņus, un iespiediet katru unikālo atslēgu resultArray. Visbeidzot, metode atgriežas resultArray, kurā ir tikai unikālas vērtības. Šī metode ir īpaši pamācoša, jo parāda, kā manuāli pārvaldīt un ieviest unikalitāti, nepaļaujoties tikai uz iebūvētajām funkcijām, sniedzot dziļāku izpratni par datu struktūru apstrādi JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Padziļināti iedziļinieties masīva dedublikācijas paņēmienos

Vēl viens svarīgs paņēmiens dublikātu noņemšanai no masīva JavaScript ir izmantot filter metode kombinācijā ar indexOf metodi. Šī metode ietver atkārtošanu masīvā un ietver tikai tos elementus, kuru pirmā parādīšanās atbilst to pašreizējai pozīcijai. Tas nodrošina, ka katrs elements tiek iekļauts iegūtajā masīvā tikai vienu reizi, efektīvi noņemot dublikātus.

Piemēram, apsveriet masīvu [1, 2, 2, 3, 4, 4, 5, 0, 0]. Izmantojot array.filter((item, index) => array.indexOf(item) === index), varat filtrēt dublētās vērtības. Šī pieeja darbojas, pārbaudot, vai pašreizējā elementa indekss ir tāds pats kā šī elementa pirmās parādīšanās indekss. Ja tā ir, elements ir unikāls un iekļauts jaunajā masīvā.