Initialisiere abgebildetes Array

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man ein Array mit bestimmten Werten initialisiert und mit einer Abbildungsfunktion in JavaScript füllt. Wir werden den Array()-Konstruktor verwenden, um ein Array der gewünschten Länge zu erstellen, und die Array.prototype.fill()-Methode, um es mit Nullwerten zu füllen. Darüber hinaus werden wir die Array.prototype.map()-Methode verwenden, um das Array mit den gewünschten Werten mit der bereitgestellten Funktion zu füllen.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28396{{"Initialisiere abgebildetes Array"}} javascript/data_types -.-> lab-28396{{"Initialisiere abgebildetes Array"}} javascript/arith_ops -.-> lab-28396{{"Initialisiere abgebildetes Array"}} javascript/comp_ops -.-> lab-28396{{"Initialisiere abgebildetes Array"}} javascript/higher_funcs -.-> lab-28396{{"Initialisiere abgebildetes Array"}} javascript/template_lit -.-> lab-28396{{"Initialisiere abgebildetes Array"}} end

Ein initialisiertes abgebildetes Array in JavaScript initialisieren

Um ein abgebildetes Array in JavaScript zu initialisieren, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie den Array()-Konstruktor, um ein Array der gewünschten Länge zu erstellen.
  3. Verwenden Sie Array.prototype.fill(), um das Array mit null-Werten zu füllen.
  4. Verwenden Sie Array.prototype.map(), um das Array mit den gewünschten Werten zu füllen, indem Sie die bereitgestellte Funktion mapFn verwenden.
  5. Überspringen Sie das zweite Argument mapFn, um jedes Element auf seinen Index abzubilden.

Hier ist ein Beispielcodeausschnitt:

const initializeMappedArray = (n, mapFn = (_, i) => i) =>
  Array(n).fill(null).map(mapFn);

Sie können die initializeMappedArray-Funktion verwenden, um ein abgebildetes Array mit den gewünschten Werten zu erstellen:

initializeMappedArray(5); // [0, 1, 2, 3, 4]
initializeMappedArray(5, (i) => `item ${i + 1}`);
// ['item 1', 'item 2', 'item 3', 'item 4', 'item 5']

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Initialize Mapped Array" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.