Heim > Web-Frontend > js-Tutorial > Arrays in JavaScript

Arrays in JavaScript

Linda Hamilton
Freigeben: 2025-01-19 02:29:14
Original
226 Leute haben es durchsucht

Arrays in JavaScript

Detaillierte Erläuterung der wichtigsten JavaScript-Array-Methoden

Im Folgenden sind einige häufig verwendete JavaScript-Array-Methoden aufgeführt:

  1. push(): Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die Länge des neuen Arrays zurück.

    let numbers = [1, 2, 3];
    console.log(numbers.push(4)); // 输出:4  numbers数组变为 [1, 2, 3, 4]
    Nach dem Login kopieren
  2. slice(): Elemente innerhalb des angegebenen Indexbereichs aus dem Array extrahieren und ein neues Array zurückgeben. Das ursprüngliche Array wird nicht verändert.

    let numbers = [1, 2, 3, 4, 5];
    console.log(numbers.slice(1, 4)); // 输出:[2, 3, 4]  (从索引1到3)
    Nach dem Login kopieren
  3. splice(): Elemente zum Array hinzufügen oder daraus entfernen. Sie können den Startindex, die Anzahl der zu löschenden Elemente und die neuen einzufügenden Elemente angeben.

    let fruits = ['apple', 'mango', 'orange', 'pear'];
    fruits.splice(2, 0, 'pawpaw', 'strawberries'); // 从索引2开始,不删除任何元素,插入'pawpaw'和'strawberries'
    console.log(fruits); // 输出:['apple', 'mango', 'pawpaw', 'strawberries', 'orange', 'pear']
    
    fruits.splice(2, 1); // 从索引2开始,删除1个元素
    console.log(fruits); // 输出:['apple', 'mango', 'strawberries', 'orange', 'pear']
    Nach dem Login kopieren
  4. concat(): Verkettet zwei oder mehr Arrays und gibt ein neues Array zurück. Das ursprüngliche Array wird nicht verändert.

    let arr1 = [1, 2, 3, 4];
    let arr2 = [5, 6, 7];
    console.log(arr1.concat(arr2)); // 输出:[1, 2, 3, 4, 5, 6, 7]
    let arr3 = [8, 9];
    console.log(arr1.concat(arr2, arr3)); // 输出:[1, 2, 3, 4, 5, 6, 7, 8, 9]
    Nach dem Login kopieren
  5. fill(): Ersetzt Elemente im angegebenen Bereich im Array durch den angegebenen Wert.

    let arr4 = [1, 2, 3, 4];
    arr4.fill('Anurag', 2, 4); // 从索引2到3,用'Anurag'填充
    console.log(arr4); // 输出:[1, 2, 'Anurag', 'Anurag']
    Nach dem Login kopieren
  6. shift(): Löschen Sie das erste Element des Arrays und geben Sie dieses Element zurück.

    let arr4 = [1, 2, 3, 4];
    arr4.shift();
    console.log(arr4); // 输出:[2, 3, 4]
    Nach dem Login kopieren
  7. indexOf(): Gibt den Index des ersten Vorkommens des angegebenen Elements im Array zurück. Wenn das Element nicht existiert, wird -1 zurückgegeben.

    let arr4 = [1, 2, 3, 4];
    console.log(arr4.indexOf(3)); // 输出:2
    Nach dem Login kopieren
  8. lastIndexOf(): Gibt den Index des letzten Vorkommens des angegebenen Elements im Array zurück. Wenn das Element nicht existiert, wird -1 zurückgegeben.

    let arr4 = [1, 2, 3, 4, 3];
    console.log(arr4.lastIndexOf(3)); // 输出:4
    Nach dem Login kopieren
  9. includes(): Bestimmt, ob das Array das angegebene Element enthält und gibt einen booleschen Wert zurück.

    let arr4 = [1, 2, 3, 4];
    console.log(arr4.includes(4)); // 输出:true
    console.log(arr4.includes(5)); // 输出:false
    Nach dem Login kopieren
  10. pop(): Löschen Sie das letzte Element des Arrays und geben Sie dieses Element zurück.

     let arr4 = [1, 2, 3, 4];
     arr4.pop();
     console.log(arr4); // 输出:[1, 2, 3]
    Nach dem Login kopieren
  11. join(): Verkettet Array-Elemente zu einem String und gibt den String zurück. Es können Trennzeichen angegeben werden.

     let arr4 = [1, 2, 3];
     console.log(arr4.join('and')); // 输出:1and2and3
    Nach dem Login kopieren
  12. unshift(): Fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die Länge des neuen Arrays zurück.

     let arr4 = [1, 2, 3];
     arr4.unshift(0);
     console.log(arr4); // 输出:[0, 1, 2, 3]
    Nach dem Login kopieren

Mein GitHub-Link
Mein LinkedIn-Link (bitte durch Ihren tatsächlichen Link ersetzen)

Das obige ist der detaillierte Inhalt vonArrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage