Heim >Web-Frontend >CSS-Tutorial >Zusammenfassung verschiedener JS-Operationen auf Array
Array sollte am häufigsten verwendet werden, wenn wir JS-Code schreiben. In täglichen Projekten können viele Daten über Array gespeichert und bearbeitet werden. Neben Object sollte der Array-Typ der am häufigsten verwendete Typ in js sein.
Heute werde ich einige einfache und grundlegende Operationen von Array zusammenfassen und auch mein Grundwissen festigen.
1. So erstellen Sie ein Array (wir sprechen weiter unten über Arrays)
Es gibt zwei Möglichkeiten, ein Array zu erstellen: Die erste ist die Verwendung des Array-Konstruktors und die zweite um die Array-Literaldarstellung zu verwenden.
1. Verwenden Sie den Array-Konstruktor
Zum Beispiel: var arr = new Array();
Wenn Sie die Länge des Arrays im Voraus kennen, können Sie auch übergeben es direkt auf die Konstruktorlänge.
Zum Beispiel: var arr = new Array(20);
Wenn Sie die Elemente kennen, die in das Array aufgenommen werden sollen, übergeben Sie einfach die Elemente, die in das Array aufgenommen werden sollen, direkt während Konstruktion.
Zum Beispiel: var arr = new Array(1,2,3);
2. Verwenden Sie die Array-Literaldarstellung
Zum Beispiel: var arr = [1,2 ,3,4];
var arr2 = [];
2. Array-Operationen
1) Die Art der Stapeloperation: First-In-Last-Out-Prinzip ---- Fügen Sie Datenelemente hinzu, indem Sie das Ende des Arrays erneut hinzufügen, und rufen Sie dann die Enddatenelemente vom Ende des Arrays ab
push() ;----Das heißt, am Ende des Arrays Datenelemente hinzufügen, die Anzahl der Parameter dieser Methode kann angepasst werden
pop();---Diese Methode dient zum Abrufen der letzten Daten Element des Arrays, diese Funktion muss keine Parameter übergeben; Zum Beispiel:
var farben = new Array();//Erstellen Sie ein Array
var count = farben .push("red","green");//Push two itemsconsole.log(count);
var color = ["red","black"]; .push("brown");//Ein anderes Element verschieben
color [3]="Yellow"; //Ein Element hinzufügen
console.log(color); ("blau"));
console.log(color.pop ());//Letztes Element abrufen
2) Warteschlangenoperationsmethode: First- In-First-Out-Prinzip – durch Einfügen und Abrufen von Daten aus dem Kopf des Arrays, um
push(); – Datenelemente am Ende des Arrays hinzuzufügen; >shift();---Erhalten Sie die Dateninformationen des Kopfelements des Arrays;
unshift();--Fügen Sie Datenelementinformationen in den Kopf des Arrays ein; 🎜>
colorArr.push( "red","yellow");//Push zwei Elemente
console.log(colorArr); 🎜>var length = colorArr.push("blue");console.log(length);
var item = colorArr.shift();//Erstes Element
console abrufen. log(item);console.log(colorArr.length);
Arrays erkennen und überprüfen
In der täglichen Projektentwicklung stoßen wir häufig auf das Problem der Beurteilung, ob ein Objekt ein Array ist (während der Funktionsparameterübertragung). Wenn wir dann beurteilen, ob ein Objekt ein Array ist, gibt es die folgenden zwei Methoden
1) Die erste Methode
2) Die zweite Methode
3. Spezifische Programmierbeispiele
1) Elemente hinzufügen (Elemente am Ende des Arrays hinzufügen) Elementelement hinzufügen bis zum Ende des Arrays arr. Ändern Sie das Array arr nicht direkt, da das Ergebnis ein neues Array zurückgibt.Methode 1: Slice() und push() kombinierenif(value instanseof Array){ }Methode 2: Gewöhnliche iterative Kopie
if(Array.isArray(value)){ }//该方法只使用与高版本的浏览器:IE9+、Firefox4+/Chrome
Methode 3: Verwenden Sie concat
Elementelement am Index des Arrays arr hinzufügen. Ändern Sie das Array arr nicht direkt, das Ergebnis ist ein neues Array.
function append(arr, item) { var newArr = arr.slice(0); // slice(start, end)浅拷贝数组 newArr.push(item); return newArr; };Methode 1: Gewöhnliche iterative Kopie verwenden
function append(arr, item) { var length = arr.length, newArr = []; for (var i = 0; i < length; i++) { newArr.push(arr[i]); } newArr.push(item); return newArr; };Methode 2: Slice() und splice() kombinieren
function append(arr, item) { return arr.concat(item); }Methode 3: concat() und splice () kombiniert
das letzte Element des Arrays löschen arr. Ändern Sie das Array arr nicht direkt, das Ergebnis ist ein neues Array.
function insert(arr, item, index) { var newArr=[]; for(var i=0;i<arr.length;i++){ newArr.push(arr[i]); } newArr.splice(index,0,item); return newArr; }Methode 1: Verwenden Sie eine gewöhnliche iterative Kopie
function insert(arr, item, index) { var newArr=arr.slice(0); newArr.splice(index,0,item); return newArr; }Methode 2: Kombinieren Sie concat() und pop()
function insert(arr, item, index) { var newArr=arr.concat(); newArr.splice(index,0,item); return newArr; }4. Elemente löschen (Array zuerst löschen). element)
Löschen Sie das erste Element des Arrays arr. Ändern Sie das Array arr nicht direkt, das Ergebnis ist ein neues Array.
Methode 1: Gewöhnliche iterative Kopie verwenden
function truncate(arr, item) { var newArr=[]; for(var i=0;i<arr.length-1;i++){ newArr.push(arr[i]); } return newArr; }
Methode 2: Concat() und Shift() kombinieren
function truncate(arr) { var newArr = arr.concat(); newArr.pop(); return newArr; }
Methode 3: Slice ( )
Array arr1 und Array arr2 zusammenführen. Ändern Sie das Array arr nicht direkt, das Ergebnis ist ein neues Array.
function curtail(arr) { var newArr=[]; for(var i=1;i<arr.length;i++){ newArr.push(arr[i]); } return newArr; }Methode 1: Gewöhnliche iterative Kopie verwenden
function curtail(arr) { var newArr = arr.concat(); newArr.shift(); return newArr; }Methode 2: concat()-Methode
function curtail(arr) { return arr.slice(1); }Methode 3: Slice() und push() kombinieren
Alle Elemente im Array arr entfernen, deren Wert gleich item ist. Ändern Sie das Array arr nicht direkt, das Ergebnis ist ein neues Array.
function concat(arr1, arr2) { var newArr=[]; for(var i=0;i<arr1.length;i++){ newArr.push(arr1[i]); } for(var j=0;j<arr2.length;j++){ newArr.push(arr2[j]); } return newArr; }Methode 1: splice()-Methode
function concat(arr1, arr2) { return arr1.concat(arr2); }Methode 2: push()-Methode
function concat(arr1, arr2) { var newArr=arr1.slice(0); for(var i=0;i<arr2.length;i++){ newArr.push(arr2[i]); } return newArr; }