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 items

console.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; 🎜>

var colorArr = new Array();//Erstellen Sie ein Array

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() kombinieren

　　if(value instanseof Array){
   }

Methode 2: Gewöhnliche iterative Kopie

　　if(Array.isArray(value)){
   }//该方法只使用与高版本的浏览器：IE9+、Firefox4+/Chrome

Methode 3: Verwenden Sie concat

2) Elemente hinzufügen (Elemente an beliebiger Position hinzufügen)

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

3. Elemente löschen (das letzte Element des Arrays löschen)

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

Arrays zusammenführen

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

5. Elemente im Array entfernen

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