Heim > Web-Frontend > js-Tutorial > Hauptteil

So entfernen Sie Duplikate aus einem Javascript-Array

藏色散人
Freigeben: 2023-01-04 09:35:05
Original
8308 Leute haben es durchsucht

So entfernen Sie Duplikate aus JavaScript-Arrays: 1. Verwenden Sie die Methode „indexOf()“, um doppelte Werte zu entfernen. 2. Verwenden Sie die Methode „spleißen“, um doppelte Werte zu entfernen. 3. Verwenden Sie den neuen Satz Set in es6, um doppelte Werte zu entfernen.

So entfernen Sie Duplikate aus einem Javascript-Array

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Mehrere Methoden zum Entfernen doppelter Werte in JS-Arrays

In der täglichen Entwicklung kann es vorkommen, dass wir doppelte Werte in einem Array entfernen. Anschließend werde ich einige Methoden vorstellen, die ich gelernt habe. Teilen

So entfernen Sie doppelte Werte aus einem Array:

1, verwenden Sie die Methode indexOf(), um sie zu entfernen.

Idee: Erstellen Sie ein neues Array, durchlaufen Sie dann das Array, um das Duplikat zu entfernen, und verwenden Sie dann das neue Array zum Suchen Wenn Sie den Wert des zu duplizierenden Arrays nicht finden, fügen Sie ihn mit .push zum neuen Array hinzu. Es spielt keine Rolle, ob Sie ihn verstehen wird einfacher zu verstehen sein.

rrree

2. Verwenden Sie die Spleißmethode, um das Sprudeln zu imitieren. Die äußere Schleife durchläuft die Werte Sind die gleichen Werte, verwenden Sie splice, um sie zu entfernen und das verarbeitete Array zurückzugeben. Es spielt keine Rolle, ob der Code einfacher zu verstehen ist.

function fun(arr){
 let newsArr = [];
 for (let i = 0; i < arr.length; i++) {
  if(newsArr.indexOf(arr[i]) === -1){
   newsArr.push(arr[i]);
  }
 }
 return newsArr;
}
Nach dem Login kopieren

3, verwenden Sie den neuen Satz in es6 entfernen

Hier ist eine kurze Einführung in die Set-Sammlung. Es ist sehr vertraut mit dem Array, aber es ist kein Array, sondern eine Sammlung. Es gibt auch viele Methoden, z. B. Hinzufügen (Hinzufügen), Löschen (Löschen), Überprüfen (Hat) usw.

Das wichtigste Merkmal ist: Elemente können nicht wiederholt werden, das heißt, dieselben Elemente werden nicht in der Set-Sammlung angezeigt.

Set-Deduplizierungslösung 1:

Idee: Weil doppelte Werte nicht im Set angezeigt werden dürfen Sammlung, dann können wir diese Funktion verwenden, um unser Array zu übergeben, um Duplikate zu entfernen.

Erstellen Sie zunächst ein neues Set und übergeben Sie das deduplizierte Array als Parameter. Erstellen Sie dann ein neues Array, durchlaufen Sie das Set und fügen Sie jedes Set-Element zum hinzu Neues Array und schließlich das neue Array zurückgeben

function fun(arr){
 for (let i = 0; i < arr.length; i++) {
  for(let j = i+1; j < arr.length; j++){
   if(arr[i]==arr[j]){
    arr.splice(j,1);          j--;
   }
  }
 }
 return arr;
}
Nach dem Login kopieren

Deduplizierungslösung 2 festlegen (mit der Array-Methode Array.form()):

Idee: Array.from(); kann Pseudo-Arrays und -Sets in Array-Typen konvertieren Die Methode wird mit Set Sets kombiniert, die genau unseren Anforderungen entsprechen

[Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

]

function fun(arr){
 let s1 = new Set(arr);
 let arr2 = [];
 for(let item of s1){
  arr2.push(item);
 }
 return arr2;
}
Nach dem Login kopieren

Deduplizierungslösung 3 festlegen (ES6-Erweiterungsoperator verwenden...):

Idee: Der ES6-Erweiterungsoperator kann ein Array konvertieren In eine durch Kommas getrennte Parametersequenz konvertieren

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Duplikate aus einem Javascript-Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!