Heim > Web-Frontend > Front-End-Fragen und Antworten > Arrays in JavaScript beinhalten Methoden

Arrays in JavaScript beinhalten Methoden

PHPz
Freigeben: 2023-05-16 09:06:07
Original
487 Leute haben es durchsucht

JavaScript ist eine häufig verwendete Programmiersprache, die in der Webentwicklung und Anwendungsentwicklung weit verbreitet ist. Unter diesen ist Array eine der am häufigsten verwendeten Datenstrukturen in JavaScript. Es kann eine Reihe verwandter Daten speichern und verschiedene Vorgänge zur Verarbeitung dieser Daten unterstützen. JavaScript bietet viele Methoden, die für Array-Operationen verwendet werden können. In diesem Artikel werden einige davon vorgestellt.

  1. push()-Methode Die

push()-Methode ermöglicht es uns, ein oder mehrere Elemente am Ende des Arrays hinzuzufügen und gibt die aktualisierte Array-Länge zurück. Der folgende Code fügt beispielsweise ein Element am Ende des Array-Alters hinzu:

let ages = [25, 30, 35];
ages.push(40);
console.log(ages); // [25, 30, 35, 40]
Nach dem Login kopieren
  1. pop()-Methode

pop()-Methode ist das Gegenteil der push()-Methode, sie entfernt ein Element vom Ende von das Array und gibt die gelöschten Elemente zurück. Der folgende Code entfernt beispielsweise das letzte Element des Array-Alters:

let ages = [25, 30, 35];
let deletedAge = ages.pop();
console.log(deletedAge); // 35
console.log(ages); // [25, 30]
Nach dem Login kopieren
  1. shift()-Methode

shift()-Methode ähnelt der pop()-Methode, entfernt jedoch das erste Element vom Anfang von das Array und gibt das gelöschte Element zurück. Der folgende Code löscht beispielsweise das erste Element des Array-Alters:

let ages = [25, 30, 35];
let deletedAge = ages.shift();
console.log(deletedAge); // 25
console.log(ages); // [30, 35]
Nach dem Login kopieren
  1. unshift()-Methode

unshift()-Methode ist das Gegenteil der push()-Methode, sie fügt ein oder mehrere Elemente vom Anfang an hinzu das Array und gibt die aktualisierte Array-Länge zurück. Der folgende Code fügt beispielsweise ein Element am Anfang des Array-Alters hinzu:

let ages = [25, 30, 35];
ages.unshift(20);
console.log(ages); // [20, 25, 30, 35]
Nach dem Login kopieren
  1. slice()-Methode Die

slice()-Methode ermöglicht es uns, ein neues Array aus einem Array zu erstellen, das die angegebenen Start- und enthält Endindizes. Elemente dazwischen. Mit dem folgenden Code wird beispielsweise ein neues Array erstellt, das das zweite und dritte Element im Array-Alter enthält:

let ages = [25, 30, 35];
let newAges = ages.slice(1, 3);
console.log(newAges); // [30, 35]
Nach dem Login kopieren
  1. splice()-Methode

splice()-Methode ermöglicht es uns, einem Array hinzuzufügen und daraus zu entfernen oder ein oder zu ersetzen mehr Elemente. Es akzeptiert drei Parameter: Startindex, Anzahl der zu entfernenden Elemente und hinzuzufügende Elemente. Der folgende Code entfernt beispielsweise das zweite Element im Ages-Array und fügt ein neues Element an derselben Position hinzu:

let ages = [25, 30, 35];
ages.splice(1, 1, 28);
console.log(ages); // [25, 28, 35]
Nach dem Login kopieren
  1. indexOf()- und lastIndexOf()-Methoden

indexOf()-Methode gibt das angegebene Element im zurück Array Index des ersten Vorkommens. Wenn das Element nicht existiert, wird -1 zurückgegeben. Der folgende Code gibt beispielsweise den Index von Element 35 im Array ages zurück:

let ages = [25, 30, 35];
let index = ages.indexOf(35);
console.log(index); // 2
Nach dem Login kopieren

Die Methode lastIndexOf() ähnelt der Methode indexOf(), gibt jedoch den Index des letzten Vorkommens des angegebenen Elements im zurück Array.

  1. forEach()-Methode

forEach()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und bestimmte Operationen für jedes Element auszuführen. Der folgende Code gibt beispielsweise eine Meldung für jedes Element im Array-Alter aus:

let ages = [25, 30, 35];
ages.forEach(function(age) {
    console.log("The person's age is " + age);
});
Nach dem Login kopieren
  1. map()-Methode

map()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und sie basierend auf bestimmten zu kombinieren Bedingungen In neuen Wert umwandeln. Der folgende Code multipliziert beispielsweise das Alter jedes Elements im Array mit 2 und erstellt ein neues Array:

let ages = [25, 30, 35];
let doubledAges = ages.map(function(age) {
    return age * 2;
});
console.log(doubledAges); // [50, 60, 70]
Nach dem Login kopieren
  1. filter()-Methode

filter()-Methode ermöglicht es uns, alle Elemente im Array zu durchlaufen und zurückzukehren Elemente, die bestimmte Bedingungen erfüllen. Der folgende Code gibt beispielsweise Elemente zurück, die größer als 30 im Array-Alter sind:

let ages = [25, 30, 35];
let filteredAges = ages.filter(function(age) {
    return age > 30;
});
console.log(filteredAges); // [35]
Nach dem Login kopieren

Arrays sind eine sehr wichtige Datenstruktur in JavaScript, die es uns ermöglicht, problemlos mit mehreren ähnlichen Daten umzugehen. Bei der eigentlichen Programmierung ist es sehr wichtig, die Array-Operationsmethoden zu beherrschen, was die Entwicklungseffizienz und die Lesbarkeit des Codes erheblich verbessern kann. Dieser Artikel stellt einige häufig verwendete Array-Operationsmethoden vor und hofft, den Lesern hilfreich zu sein.

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

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage