Erstes Element des Arrays in JavaScript abrufen

1. Erhalten Sie das erste Array-Element mit find() in JavaScript
2. Erstes Array-Element mit einem array[index] in JavaScript ermitteln
3. Erstes Array-Element mit shift() in JavaScript abrufen
4. Erstes Array-Element mit filter() in JavaScript ermitteln
5. Erstes Array-Element mit Destrukturierungszuweisung in JavaScript ermitteln

Arrays sind ein wesentlicher Bestandteil jeder Programmiersprache, da sie viele Elemente in einer geordneten Weise enthalten. Auf alle diese Elemente darin wird über einen Index zugegriffen. In JavaScript sind Arrays reguläre Objekte, die den Wert eines bestimmten Schlüssels, eines numerischen Schlüssels, enthalten. In diesem Artikel erfahren Sie, wie Sie das erste Element eines Arrays in JavaScript abrufen.

JavaScript bietet verschiedene Methoden, um das erste Element abzurufen. Lassen Sie uns diese Methoden lernen.

Erhalten Sie das erste Array-Element mit find() in JavaScript

Es handelt sich um eine integrierte Array-Methode, die von JavaScript bereitgestellt wird und die Elemente findet, deren Wert der angegebenen Bedingung entspricht.

Syntax von find() in JavaScript

Array.prototype.find(element => $condition)

Parameter

• $condition: Es ist ein obligatorischer Parameter. Der Benutzer kann jede Bedingung in Bezug auf das Array-Element übergeben und versucht, das erste übereinstimmende Element herauszufinden, das die Bedingung erfüllt.

Rückgabewert

Gibt den ersten Wert zurück, der einer gegebenen Bedingung entspricht. Wenn keine Bedingung zutrifft, wird undefined zurückgegeben.

Beispielcode:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements.find(element => element != undefined);
console.log(firstElement);

Ausgabe:

5

Erstes Array-Element mit einem array[index] in JavaScript ermitteln

Wie bereits erwähnt, ist jedem Array-Element ein eindeutiger Index zugeordnet. Der numerische Schlüssel/Index innerhalb eines Arrays beginnt mit 0. Mit diesem Index können Sie das erste Element eines Arrays in JavaScript abrufen.

Syntax von array[index] in JavaScript

Array.prototype[$index]

Parameter

• $index: Es ist ein obligatorischer Parameter, der nur ganzzahlige Werte akzeptiert, die den Index des abzurufenden Elements angeben.

Rückgabewert

Es gibt das Element zurück, dessen Index angegeben ist.

Beispielcode:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements[0];
console.log(firstElement);

Ausgabe:

5

Erstes Array-Element mit shift() in JavaScript abrufen

Es handelt sich um eine von JavaScript bereitgestellte integrierte Array-Methode, die das erste Element eines Arrays entfernt und das entfernte Element zurückgibt. Das einzige Problem bei dieser Array-Methode besteht darin, dass sie das ursprüngliche Array mutiert/modifiziert.

Syntax von shift() in JavaScript

Array.prototype.shift()

Rückgabewert

Es gibt das erste Element des Arrays zurück, das aus dem ursprünglichen Array entfernt wurde. Wenn ein Array ein leeres Array ist, wird undefined zurückgegeben.

Beispielcode:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements.shift(0);
console.log(firstElement);
console.log(arrayElements);

Ausgabe:

5
Array [10, 0, 20, 45]

Erstes Array-Element mit filter() in JavaScript ermitteln

Es ist eine in JavaScript integrierte Array-Methode, die alle Elemente herausfiltert, die die gegebene Bedingung erfüllen. Es wird eine Kopie des übereinstimmenden Elementarrays erstellt. Der einzige Unterschied zwischen find() und filter() besteht darin, dass das Durchlaufen zuerst gestoppt wird, sobald das erste passende Element gefunden wird, während es später bis zum letzten Element eines Arrays fortgesetzt wird. Es ist weniger effizient, wenn eine Array-Größe aufgrund der Traversierungseigenschaft größer ist.

Syntax von filter() in JavaScript

Array.prototype.filter(element => $condition)

Parameter

• $condition: Es ist ein obligatorischer Parameter. Der Benutzer kann jede Bedingung in Bezug auf das Array-Element übergeben und versucht, alle übereinstimmenden Elemente herauszufinden, die die Bedingung erfüllen.

Rückgabewert

Gibt das neue Array zurück, das Elemente enthält, die einer bestimmten Bedingung entsprechen.

Beispielcode:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement =
    arrayElements.filter(element => element != undefined).shift();
console.log(firstElement);
console.log(arrayElements);

Ausgabe:

5
Array [5, 10, 0, 20, 45]

Erstes Array-Element mit Destrukturierungszuweisung in JavaScript ermitteln

Das Zerstören von Zuweisungen ist eine sehr leistungsfähige Syntax, die in JavaScript verfügbar ist und die es ermöglicht, die Elemente eines Arrays oder Eigenschaften eines Objekts in verschiedene Variablen zu entpacken.

Syntax der Destrukturierungszuweisung in JavaScript

[$variable1, $variable2, ...$restVariables] = [10, 20, 30, 40];
{$variable1} = {key: value};

Rückgabewert

Es gibt die neue Variable zurück, über die Sie auf den Wert eines Arrays oder Objekts zugreifen können.

Beispielcode:

const arrayElements = [5, 10, 0, 20, 45];
let [firstElement] = arrayElements;
console.log(firstElement);

Ausgabe:

5