Erläuterung zu Arrays und der Arrays-Methode

Detaillierte Erklärung und gängige Methoden von JavaScript-Arrays:

Was ist ein Array?

In JavaScript ist ein Array ein spezielles Objekt, das zum Speichern einer Reihe von Werten (Elementen) unter einem Variablennamen verwendet wird. Die Werte können von unterschiedlichen Datentypen sein (Zahlen, Zeichenfolgen, boolesche Werte, Objekte oder sogar andere Arrays).

Hauptmerkmale:

• Reihenfolge: Die Elemente im Array haben eine bestimmte Reihenfolge, wobei ihre Positionen beginnend bei 0 indiziert werden.
• Veränderlich: Sobald ein Array erstellt wurde, können seine Elemente geändert werden.
• Dynamisch: Arrays können je nach Bedarf vergrößert oder verkleinert werden.

Array erstellen:

• Wörtliche Darstellung:

<code class="language-javascript">   const myArray = [1, "hello", true, null]; </code>

• Verwenden Sie den Array-Konstruktor:

<code class="language-javascript">   const anotherArray = new Array(5); // 创建一个包含5个空槽的数组
   const yetAnotherArray = new Array(1, 2, 3); </code>

Zugriff auf Array-Elemente:

Verwenden Sie die Schreibweise und Indizierung in eckigen Klammern:

<code class="language-javascript">   const fruits = ["apple", "banana", "orange"];
   console.log(fruits[0]); // 输出： "apple" (第一个元素)
   console.log(fruits[2]); // 输出： "orange" (第三个元素)</code>

Array-Elemente ändern:

Weisen Sie den neuen Wert dem gewünschten Index zu:

<code class="language-javascript">   fruits[1] = "grape"; 
   console.log(fruits); // 输出： ["apple", "grape", "orange"]</code>

Häufig verwendete Array-Methoden:

• push(): Fügen Sie ein oder mehrere Elemente am Ende des Arrays hinzu.

<code class="language-javascript">   fruits.push("mango"); </code>

• pop(): Entfernt das letzte Element des Arrays und gibt es zurück.

<code class="language-javascript">   const removedFruit = fruits.pop(); </code>

• unshift(): Fügt ein oder mehrere Elemente am Anfang des Arrays hinzu.

<code class="language-javascript">   fruits.unshift("kiwi"); </code>

• shift(): Löscht das erste Element des Arrays und gibt es zurück.

<code class="language-javascript">   const firstFruit = fruits.shift(); </code>

• slice(): Erstellt eine flache Kopie eines Teils des Arrays.

<code class="language-javascript">   const citrusFruits = fruits.slice(1, 3); // 从索引1到2（不包括2）的元素</code>

• splice(): Array-Elemente an der angegebenen Position hinzufügen/entfernen.

<code class="language-javascript">   fruits.splice(1, 0, "pear"); // 在索引1处插入"pear"
   fruits.splice(2, 1); // 从索引2处删除1个元素</code>

• concat(): Erstellt ein neues Array durch Verketten bestehender Arrays.

<code class="language-javascript">   const combinedFruits = fruits.concat(["pineapple", "strawberry"]); </code>

• join(): Verkettet alle Array-Elemente zu einer Zeichenfolge, getrennt durch das angegebene Trennzeichen.

<code class="language-javascript">   const fruitString = fruits.join(", "); </code>

• indexOf(): Gibt den ersten Index des angegebenen Elements zurück.

<code class="language-javascript">   const index = fruits.indexOf("apple"); </code>

• includes(): Prüft, ob das Array ein Element enthält.

<code class="language-javascript">   const hasBanana = fruits.includes("banana"); </code>

• forEach(): Führen Sie die bereitgestellte Funktion einmal für jedes Array-Element aus.

<code class="language-javascript">   fruits.forEach(fruit => console.log(fruit)); </code>

• map(): Erstellt ein neues Array, indem eine Funktion auf jedes Element des ursprünglichen Arrays angewendet wird.

<code class="language-javascript">   const fruitLengths = fruits.map(fruit => fruit.length); </code>

• filter(): Erstellt ein neues Array, das nur Elemente enthält, die den von der Funktion bereitgestellten Test bestehen.

<code class="language-javascript">   const longFruits = fruits.filter(fruit => fruit.length > 5); </code>

Dies ist eine grundlegende Übersicht über JavaScript-Arrays und ihre Methoden. Es stehen viele weitere Methoden zur Verfügung, jede mit ihrem eigenen spezifischen Zweck. Hoffe das hilft!

Das obige ist der detaillierte Inhalt vonErläuterung zu Arrays und der Arrays-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!