Array an eine Funktion in JavaScript übergeben

1. Verwenden Sie die apply()-Methode, um ein Array an eine Funktion in JavaScript zu übergeben
2. Verwenden Sie den spread-Operator, um ein Array an eine Funktion in JavaScript zu übergeben
3. Verwenden Sie das Objekt arguments, um ein Array an eine Funktion in JavaScript zu übergeben

Dieses Tutorial soll Ihnen die verschiedenen Möglichkeiten beibringen, ein Array mit JavaScript an eine Funktion zu übergeben. Es hebt die apply()-Methode, den spread-Operator, das arguments-Objekt und die Möglichkeit hervor, ein ganzes Array als Parameter an eine Funktion zu übergeben.

Die Methode apply() führt eine Funktion mit diesem Wert aus und gibt Argumente als Array oder Array-ähnliches Objekt zurück. Es wird für eine bestimmte Funktion verwendet, die übergeben werden muss.

In der apply()-Methode ist this value der erste Parameter, der die Funktion aufruft, und arguments der zweite mit dem Array der zu übergebenden Argumente.

Denken Sie daran, wenn dieser Wert nicht der ursprüngliche Wert sein kann, der von einer Funktion gesehen wird (wenn die Methode eine Funktion im Code nicht strikter Modus ist). Das globale Objekt wird null und undefined sein, während primitive Werte eingerahmt werden.

ECMAScript 6 (ES6) bietet einen erstaunlichen Operator namens spread. Es wird im JavaScript-Code als ... geschrieben. Dieser Operator erlaubt zum Beispiel iterierbare Arrays. Es wird verwendet, um alle Array-Elemente oder ein Objekt zu verarbeiten.

Andererseits ist das Objekt arguments ein Array-ähnliches Objekt (bedeutet, dass die arguments die Eigenschaft length haben), das wir innerhalb der Funktion verwenden können, die die Werte der Argumente enthält.

Verwenden Sie die apply()-Methode, um ein Array an eine Funktion in JavaScript zu übergeben

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName.apply(this, names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Ausgabe:

"Mehvish"
"John"
"Henry"
"Thomas"

Im obigen Beispiel haben wir ein Array von names und eine Funktion namens displayName(), um alle Elemente des Arrays names auszugeben. Wir verwenden die Methode apply(), um ein Array an die Funktion displayName() zu übergeben.

Verwenden Sie den spread-Operator, um ein Array an eine Funktion in JavaScript zu übergeben

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(...names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Ausgabe:

"Mehvish"
"John"
"Henry"
"Thomas"

Hier haben wir wieder das Array names und die Funktion displayNames(), um alle Array-Elemente auszudrucken. Wir verwenden die spread-Syntax ..., um das gesamte Array an die Funktion zu übergeben.

Verwenden Sie das Objekt arguments, um ein Array an eine Funktion in JavaScript zu übergeben

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName() {
  for (var i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

Ausgabe:

["Mehvish", "John", "Henry", "Thomas"]

In dem oben angegebenen Code-Snippet verwenden wir das Objekt arguments, um das Array names an die Funktion displayName() zu übergeben. Wir können das gesamte Array als Argument an die Funktion übergeben, um den Code zu vereinfachen.

Dazu können Sie den folgenden Code üben.

var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName() {
  for (var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
}

Ausgabe:

"Mehvish"
"John"
"Henry"
"Thomas"