JavaScript-Array (mit Beispielen)

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