Ausführliche Erläuterung neuer Funktionsbeispiele der Array-Erweiterung

Ich habe das Gefühl, dass der Erweiterung von Arrays viele praktische Funktionen hinzugefügt wurden, und es fühlt sich sehr wichtig an

1. Array.of() konvertiert Datenvariablen in Array-Form

{
  let arr = Array.of(3,4,7,9,11);
  console.log('arr=',arr);//[3,4,7,9,11]

  let empty=Array.of();//[]
  console.log('empty',empty);
}

　 2. Array.from() wird verwendet, um zwei Arten von Objekten in echte Arrays umzuwandeln: Array-ähnliche Objekte (Array-ähnliches Objekt) und durchquerbare (iterierbare) Objekte (einschließlich der neuen Datenstrukturen Set und Map von ES6)

Gleichzeitig Array.from Sie können auch einen zweiten Parameter akzeptieren, der der map-Methode eines Arrays ähnelt. Er wird verwendet, um jedes Element zu verarbeiten und den verarbeiteten Wert in das zurückgegebene Array einzufügen.

{
  let p=document.querySelectorAll('p');
  let pArr=Array.from(p);
  pArr.forEach(function(item){
    console.log(item.textContent);
  });

  console.log(Array.from([1,3,5],function(item){return item*2}));//[2,6,10]
}

3. Wenn nur ein Datenparameter vorhanden ist, werden alle Datenparameter ausgefüllt Wenn es drei gibt, werden alle Parameter von startIndex~endIndex-1 durch Daten

{
  console.log('fill-7',[1,'a',undefined].fill(7));//[7,7,7]
  console.log('fill,pos',['a','b','c'].fill(7,1,3));
}

　 4. Schlüsselwerte (alle Array-Indizes zurückgeben) ersetzt ​​(alle Array-Indizes zurückgeben) Wert) Einträge (einschließlich aller Schlüssel und Werte)

{  for(let index of ['1','c','ks'].keys()){
    console.log('keys',index);
  }  for(let value of ['1','c','ks'].values()){
    console.log('values',value);
  }  for(let [index,value] of ['1','c','ks'].entries()){
    console.log('values',index,value);
  }
}

5. copyWithin(p1 ,p2,p3)Überschreiben Sie ausgehend von Position p1 die Daten von Position p2 bis p3-1

{
  console.log([1,2,3,4,5].copyWithin(0,3,4));//[4,2,3,4,5]
}

6. finden () findet den ersten Stopp, wenn der erste qualifizierte Wert gefunden wird, und findIndex() findet den Index des ersten qualifizierten Werts und Stopp

{
  console.log([1,2,3,4,5,6].find(function(item){return item>3}));//4
  console.log([1,2,3,4,5,6].findIndex(function(item){return item>3}));
}

{
  console.log('number',[1,2,NaN].includes(1));//true
  console.log('number',[1,2,NaN].includes(NaN));//true
}

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung neuer Funktionsbeispiele der Array-Erweiterung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!