In diesem Tutorial lernen Sie anhand von Beispielen das JavaScript-Array kennen.
Wie Sie wissen, kann eine Variable ein einzelnes Element speichern. Wenn Sie mehrere Elemente gleichzeitig speichern müssen, können Sie ein Array verwenden.
Ein Array ist ein Objekt, das mehrere Elemente speichern kann . Beispielsweise,
const myArray = ('hello', 'world', 'welcome');
Erstellen Sie ein Array
Sie können ein Array auf zwei Arten erstellen:
1. Verwenden eines Array-Literal
Der einfachste Weg, ein Array zu erstellen, ist die Verwendung eines Array-Literal (). Beispielsweise,
const array1 = ("eat", "sleep");
2. Verwenden Sie das neue Schlüsselwort
Sie können ein Array auch mit dem newSchlüsselwort JavaScript erstellen .
const array2 = new Array("eat", "sleep");
In beiden obigen Beispielen haben wir ein Array mit zwei Elementen erstellt.
Hinweis : Es wird empfohlen, ein Array-Literal zu verwenden, um ein Array zu erstellen.
Hier sind weitere Beispiele für Arrays:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Sie können auch Arrays, Funktionen und andere Objekte in einem Array speichern. Beispielsweise,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Zugriff auf Elemente eines Arrays
Sie können mit Indizes (0, 1, 2…) auf die Elemente innerhalb eines Arrays zugreifen . Beispielsweise,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Array-Indizierung in JavaScript
Hinweis : Der Index des Arrays beginnt mit 0 und nicht mit 1.
Fügen Sie einem Array ein Element hinzu
Sie können die integrierte Methode verwenden push()und unshift()einem Array ein Element hinzufügen.
Die push()Methode fügt ein Element am Ende eines Arrays hinzu und gibt die Länge eines neuen Arrays zurück. Beispielsweise,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Die unshift()Methode fügt am Anfang eines Arrays ein neues Element hinzu und gibt die neue Länge eines Arrays zurück. Beispielsweise,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Ändern Sie die Elemente eines Arrays
Sie können auch Elemente hinzufügen oder die Elemente ändern, indem Sie auf den Indexwert zugreifen.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Angenommen, ein Array besteht aus zwei Elementen. Wenn Sie versuchen, ein Element am Index 3 (viertes Element) hinzuzufügen, ist das dritte Element undefiniert. Beispielsweise,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Wenn Sie versuchen, Elemente zu hohen Indizes hinzuzufügen, haben die dazwischen liegenden Indizes grundsätzlich einen undefinierten Wert.
Entfernen Sie ein Element aus einem Array
Mit dieser pop()Methode können Sie das letzte Element aus einem Array entfernen. Die pop()Methode gibt auch den zurückgegebenen Wert zurück. Beispielsweise,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Wenn Sie das erste Element entfernen müssen, können Sie die shift()Methode verwenden. Die shift()Methode entfernt das erste Element und gibt auch das entfernte Element zurück. Beispielsweise,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Array-Länge
Sie können die Länge eines Elements (die Anzahl der Elemente in einem Array) mithilfe der lengthEigenschaft ermitteln. Beispielsweise,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Array-Methoden
In JavaScript stehen verschiedene Array-Methoden zur Verfügung, mit denen nützliche Berechnungen einfacher durchgeführt werden können.
Einige der häufig verwendeten JavaScript-Array-Methoden sind:
| Methode | Beschreibung |
|---|---|
| concat () | Verbindet zwei oder mehr Arrays und gibt ein Ergebnis zurück |
| Index von() | Durchsucht ein Element eines Arrays und gibt seine Position zurück |
| finden() | Gibt den ersten Wert eines Array-Elements zurück, das einen Test besteht |
| findIndex () | Gibt den ersten Index eines Array-Elements zurück, das einen Test besteht |
| für jede() | ruft für jedes Element eine Funktion auf |
| beinhaltet () | prüft, ob ein Array ein angegebenes Element enthält |
| drücken() | Fügt ein neues Element an das Ende eines Arrays an und gibt die neue Länge eines Arrays zurück |
| nicht verschieben () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Da Arrays Objekte sind, werden die Array-Elemente als Referenz gespeichert. Wenn also ein Array-Wert kopiert wird, wird jede Änderung im kopierten Array auch im ursprünglichen Array wiedergegeben. Beispielsweise,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Sie können Werte auch speichern, indem Sie einen benannten Schlüssel in einem Array übergeben. Beispielsweise,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Array-Indizierung in JavaScript
Es wird jedoch nicht empfohlen, Werte durch Übergabe beliebiger Namen in einem Array zu speichern.
Daher sollten Sie in JavaScript ein Array verwenden, wenn sich Werte in der geordneten Sammlung befinden. Ansonsten ist es besser, Objekt mit zu verwenden ( ).
Empfohlene Artikel
- JavaScript für jeden
- JavaScript für… von
- Mehrdimensionales JavaScript-Array
