Arrays sind eines der wichtigsten Elemente bei der Arbeit mit JavaScript. Sie ermöglichen das Speichern und Verwalten eines Datensatzes, der in verschiedenen Szenarien verwendet werden kann. Manchmal ist es jedoch notwendig, die Sequenznummer jedes Arrayelements, also seinen Index, herauszufinden.
Der Index eines Arrays ist eine Zahl, die die Position eines Elements im Array angibt. Die Indizierung beginnt bei Null, dh das erste Element des Arrays entspricht Index 0, das zweite Element entspricht Index 1 und so weiter. Um den Array-Index in JavaScript abzuleiten, müssen Sie daher die entsprechenden Methoden und die Sprachsyntax verwenden.
Der einfachste Weg, den Index eines Arrayelements zu erhalten, ist die Verwendung einer Schleife for. Innerhalb einer Schleife können Sie eine Variablendeklaration verwenden, der der Index jedes Arrayelements zugewiesen wird. Auf diese Weise können Sie alle Elemente des Arrays nacheinander durchlaufen und ihre Indizes auf dem Bildschirm anzeigen.
Einen JavaScript-Array-Index abrufen: Einfache Möglichkeiten und Erklärungen
1. Verwenden einer for-Schleife
Eine der einfachsten Möglichkeiten, einen Index von Array-Elementen zu erhalten, besteht darin, eine for-Schleife zu verwenden. Mit einer for-Schleife können Sie jedes Element eines Arrays durchlaufen und seinen Index mit der integrierten Variablen i abrufen. Im Folgenden finden Sie ein Beispiel für die Verwendung einer for-Schleife, um den Index eines Arrays abzurufen:
var arr = ['apple', 'orange', 'banana'];for (var i = 0; i
In diesem Beispiel erstellen wir ein arr-Array mit drei Elementen. Dann verwenden wir eine for-Schleife, um jedes Element des Arrays zu durchlaufen und seinen Index mit der console-Funktion auszudrucken.log .
2. indexOf() -Methode
Die indexOf() -Methode ist eine integrierte JavaScript-Funktion, mit der Sie den Index eines angegebenen Elements in einem Array finden können. Wenn kein Element gefunden wird, gibt die Funktion -1 zurück. Im Folgenden finden Sie ein Beispiel für die Verwendung der indexOf() -Methode, um den Index eines Arrays abzurufen:
var arr = ['apple', 'orange', 'banana'];var index = arr.indexOf('orange');3. forEach() Schleife
Eine forEach() -Schleife ist eine JavaScript-Array-Methode, mit der Sie für jedes Element eines Arrays eine bestimmte Funktion ausführen können. Diese Methode stellt auch den Index jedes Elements als zweites Funktionsargument bereit. Im Folgenden finden Sie ein Beispiel für die Verwendung der forEach() -Schleife, um den Index eines Arrays abzurufen:
var arr = ['apple', 'orange', 'banana'];arr.forEach(function(element, index) <>);Was ist ein JavaScript-Array-Index?
Die Indizes eines Arrays ermöglichen es Ihnen, einzeln auf seine Elemente zuzugreifen. Sie können beispielsweise die folgende Syntax verwenden, um auf das erste Element eines Arrays (mit dem Index 0) zuzugreifen:
var array = [1, 2, 3];
var firstElement = array[0];
In diesem Fall enthält die Variable firstElement den Wert 1. Wenn Sie auf ein Element in einem Array zugreifen, werden eckige Klammern und der Index des darin enthaltenen Elements verwendet.
Mit den Array-Indizes können Sie auch die Werte von Elementen ändern oder neue Elemente hinzufügen. Sie können beispielsweise den Wert des zweiten Arrayelements ändern:
Wenn diese Zeile ausgeführt wird, ändert sich das zweite Element des Arrays in 4. Sie können dem Array auch ein neues Element hinzufügen:
In diesem Fall wird ein neues Element mit dem Index 3 und dem Wert 5 erstellt. Wenn der angegebene Index bereits vorhanden ist, wird sein Wert durch den neuen Index ersetzt.
Durch die Verwendung von Array-Indizes können Sie Daten effizient verwalten und große Mengen an Informationen verarbeiten.
Die wichtigsten Methoden zum Abrufen eines Index in einem JavaScript-Array
Wenn wir mit Arrays in JavaScript arbeiten, besteht oft die Notwendigkeit, ein bestimmtes Element über seinen Index zu erhalten. Ein Index ist ein numerischer Wert, der die Position eines Elements in einem Array angibt. Es gibt mehrere Möglichkeiten, einen Index in einem JavaScript-Array zu erhalten. Betrachten Sie die wichtigsten von ihnen:
-
Verwenden einer for-Schleife Um den Index eines Elements abzurufen, können Sie eine for-Schleife verwenden, die alle Elemente eines Arrays durchläuft und sie mit dem gewünschten Wert vergleicht. Wenn ein Element gefunden wird, erhalten wir seinen Index. Beispielcode:
let arr = [1, 2, 3, 4, 5];let target = 3;let index = -1;for (let i = 0; i < arr.length; i++) >console.log(index); // Output: 2let arr = [1, 2, 3, 4, 5];let target = 3;let index = arr.indexOf(target);console.log(index); // Output: 2let arr = [1, 2, 3, 4, 5];let target = 3;let index = arr.findIndex(element => element === target);console.log(index); // Output: 2Dies sind nur einige grundlegende Möglichkeiten, um einen Index in einem JavaScript-Array zu erhalten. Je nach Situation können andere Methoden und Ansätze verwendet werden. Die Hauptsache zu erinnern ist, dass die Indizierung des Arrays bei 0 beginnt, dh das erste Element hat einen Index von 0, das zweite Element einen Index von 1 und so weiter.
Die indexOf() -Methode zum Suchen des Indexes eines Elements in einem Array
Syntax der indexOf() -Methode:
- arr.indexOf(searchElement) - Sucht nach dem Index des ersten Vorkommens eines Searchelements im arr-Array.
- arr.indexOf(searchElement, fromIndex) - Sucht nach dem Index des ersten Vorkommens eines Searchelements im arr-Array, beginnend mit dem fromIndex-Index.
searchElement - Das Element, dessen Index Sie suchen möchten. fromIndex ist ein optionaler Parameter, der den Index angibt, mit dem die Suche beginnt.
Beispiele für die Verwendung der indexOf() -Methode:
- var fruits = ['Apfel', 'Banane', 'Birne'];
- console.log(fruits.indexOf('Banane')); // Ergebnis: 1
- console.log(fruits.indexOf('Apfel', 1)); // Ergebnis: -1
Im ersten Beispiel findet die indexOf() -Methode den Index des Elements 'Banane' im Array und gibt 1 zurück. Im zweiten Beispiel sucht die Methode nach dem Index des Elements 'Apfel' an der Startposition 1 und gibt -1 zurück, da das Element in diesem Teil des Arrays nicht gefunden wurde.
Wenn das Array mehrere identische Elemente enthält und die indexOf() -Methode ohne Angabe des fromIndex-Parameters verwendet wird, gibt sie immer den Index des ersten Vorkommens des Elements zurück.
Die indexOf() -Methode kann verwendet werden, um zu überprüfen, ob ein Element in einem Array vorhanden ist. Wenn die Methode -1 zurückgibt, wurde das Element nicht gefunden.
Die findIndex() -Methode zum Suchen eines Indexes nach einer bestimmten Bedingung
In JavaScript gibt es eine Methode "findIndex()", mit der Sie den Index eines Arrayelements finden können, das einer bestimmten Bedingung entspricht. Diese Methode ist besonders nützlich, wenn Sie den Index eines Elements finden müssen, das bestimmte Kriterien erfüllt.
Die Syntax der findIndex() -Methode lautet wie folgt:
array.findIndex(function(element, index, array) );Der Parameter "element" ist das aktuelle Element des Arrays, "index" ist der Index des aktuellen Elements, "array" ist das Array selbst. Die Funktion muss einen Booleschen Wert zurückgeben, der angibt, dass die angegebene Bedingung erfüllt ist.
Wenn Sie beispielsweise nach dem Index des ersten Elements suchen möchten, das größer als 10 ist, können Sie den folgenden Code verwenden:
var numbers = [5, 7, 12, 25, 3];var index = numbers.findIndex(function(element) 10;>);console.log(index); // Output: 2In diesem Beispiel durchläuft die Methode "findIndex()" jedes Element im Array und prüft, ob es größer als 10 ist. Sobald es das erste Element findet, das die Bedingung erfüllt, gibt es seinen Index zurück (in diesem Fall 2).
Wenn die findIndex() -Methode jedoch kein Element findet, das die Bedingung erfüllt, gibt sie -1 zurück. Zum Beispiel:
var numbers = [5, 7, 12, 25, 3];var index = numbers.findIndex(function(element) 100;>);console.log(index); // Output: -1In diesem Beispiel findet die findIndex() -Methode kein Element, das größer als 100 ist, daher gibt sie -1 zurück.
Die findIndex() -Methode kann nicht nur mit Primzahlen, sondern auch mit anderen Datentypen wie Strings oder Objekten verwendet werden. Es kann auch nützlich sein, wenn Sie mit Objektarrays arbeiten, wenn Sie den Index eines Objekts anhand bestimmter Eigenschaften finden müssen.
Verwenden der "for" -Schleife, um den Index eines Elements in einem Array abzurufen
So funktioniert es:
let myArray = ['apple', 'banana', 'cherry', 'date']; for(let i = 0; i
Artikelindex: 0 Artikelwert: Apple Artikelindex: 1 Artikelwert: banana Artikelindex: 2 Artikelwert: cherry Artikelindex: 3 Artikelwert: date
Auf diese Weise können wir eine "for" -Schleife verwenden, um den Index jedes Elements im Array zu erhalten, indem wir die Zählervariable innerhalb der Schleife verwenden und nach Index auf das Array zugreifen.
