JavaScript-Grundlagen für Schleife und Array

JavaScript-Grundlagen für Schleife und Array

Schleife - für

Grundlegende Verwendung der For-Schleife

Syntax für For-Schleifen : Code wiederholt ausführen

Vorteile : Schreiben Sie die Deklaration Startwert, Schleifenbedingung und Änderungswert zusammen, so dass es auf einen Blick klar ist

   für (Variablenstartwert; Schleifenbedingung; Variables Update) {
     Schleifenkörper}

Der Unterschied zwischen For-Schleife und While-Schleife:

  • Es wird empfohlen, eine For-Schleife zu verwenden, wenn die Anzahl der Schleifen klar ist.
  • Wenn die Anzahl der Schleifen unklar ist, empfiehlt sich die Verwendung einer while-Schleife

Verlassen Sie die Schleife

Ende der Schleife:

  • continue : Beenden Sie diese Schleife und fahren Sie mit der nächsten Schleife fort
  • break : aus der aktuellen Schleife herausspringen

Verschachtelte Schleifen

Eine Schleife innerhalb einer anderen Schleife, normalerweise in einer For-Schleife verwendet

    für (Variablenstartwert; Schleifenbedingung; Variables Update) {
      für (Variablenstartwert; Schleifenbedingung; Variables Update) {
        Schleifenkörper}
    }

Arrays

Was ist ein Array?

Array ist ein Datentyp, der Daten sequenziell speichern kann.

Grundlegende Verwendung von Arrays

Deklarationssyntax

let Arrayname = [Daten1, Daten2, ..., Datenn]

1Das Array wird in der richtigen Reihenfolge gespeichert, sodass jedes Datum seine eigene Nummer hat

2. Die Nummerierung in Computern beginnt bei 0 und so weiter

3. In einem Array wird die Anzahl der Daten auch als Index oder Index bezeichnet

4. Arrays können jede Art von Daten speichern

Wertesyntax

Array-Name [Index]

1. Daten per Index abrufen

2. Welche Art von Daten wird abgerufen? Greifen Sie dann basierend auf den Merkmalen dieses Typs darauf zu.

Einige Begriffe

  • Element: Alle in einem Array gespeicherten Daten werden als Array-Element bezeichnet
  • Index: die Nummer der Daten im Array
  • Länge: Die Anzahl der Daten im Array, ermittelt durch das Längenattribut des Arrays
Arrayname.Länge

Iterieren über ein Array

Verwenden Sie eine Schleife, um auf jedes Element im Array zuzugreifen. Normalerweise verwenden Sie dazu eine For-Schleife.

    für (let i = 0; i < Arrayname.Länge; i++) {
      Array-Name[i]
    }

Arrays bearbeiten

Das Wesentliche eines Arrays ist eine Sammlung von Daten. Die Verarbeitung von Daten besteht lediglich aus Hinzufügen, Löschen, Ändern und Überprüfen der Syntax.

1. Prüfen: Array-Daten abfragen, oder wir nennen es Zugriff auf Array-Daten-Array [Index]

2. Änderung: Array [Index] neu zuweisen = neuer Wert

3. Erhöhen: Fügen Sie dem Array neue Daten hinzu

  • arr.push (neuer Inhalt)
  • arr.unshift (neuer Inhalt)

4. Löschen: Löschen Sie die Daten im Array

  • arr.pop()
  • arr.verschiebung()
  • arr.splice (Operationsindex, Anzahl der Löschungen)

Fügen Sie dem Array neue Daten hinzu

數組.push() fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge des Arrays zurück (wichtig)

arr.push(Element 1, Element 2, ..., Element n)

Die Methode arr.unshift (neu) fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die neue Länge des Arrays zurück

arr.unshift(element1, element2, ..., elementn)

Elemente aus einem Array löschen

數組. pop() entfernt das letzte Element aus dem Array und gibt den Wert des Elements zurück

arr.pop()

Die Methode Array.shift() entfernt das erste Element aus einem Array und gibt den Wert dieses Elements zurück.

arr.verschiebung()

Array. Die Methode splice() löscht das angegebene Element (Schlüsselpunkt).

arr.splice(Start, AnzahlLöschen)
arr.splice (Startposition, mehrere Elemente löschen)

Start Ausgangsposition:

Geben Sie die Startposition der Änderung an (von 0 an gezählt) deleteCount :

Gibt die Anzahl der zu entfernenden Array-Elemente an

Optional. Wenn es weggelassen wird, wird standardmäßig von der angegebenen Startposition bis zum Ende gelöscht.

Elemente löschen:

Zufällige Ziehung, der Gewinner muss aus dem Array gelöscht werden, und doppelte Ziehungen sind nicht zulässig

Klicken Sie auf die Schaltfläche Löschen und die zugehörigen Daten werden aus den Produktdaten gelöscht

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Verwenden einer for-Schleife zum Durchlaufen eines Arrays in JavaScript
  • Probleme beim Löschen von Array-Elementen in einer For-Schleife in JavaScript
  • Detaillierte Erklärung der For-Schleife und der doppelten For-Schleife in JavaScript
  • Beispiel für einen Leistungstest in JavaScript für eine For-Loop
  • Tiefgreifendes Verständnis der for-Schleife in JavaScript
  • Eine kurze Einführung in JavaScript-Arrays
  • Häufig verwendete JavaScript-Array-Methoden

<<:  Mehrere Möglichkeiten, das Problem des Schwebens zu lösen, das dazu führt, dass die Höhe des übergeordneten Elements in CSS zusammenbricht

>>:  Unterschiede zwischen FLOW CHART und UI FLOW

Artikel empfehlen

Grafisches Tutorial zur Installation und Konfiguration von Mysql WorkBench

In diesem Artikel erfahren Sie mehr über die Inst...

Vue3 Vue-Ereignisbehandlungshandbuch

Inhaltsverzeichnis 1. Grundlegende Ereignisbehand...

Detaillierte Erläuterung des Beispiels der Caching-Methode von Vue

Kürzlich wurde die neue Anforderung „Front-End-Ca...

Vue ElementUI Form-Formularvalidierung

Die Formularvalidierung ist eine der am häufigste...

So konfigurieren Sie den Redis-Sentinel-Modus in Docker (auf mehreren Servern)

Inhaltsverzeichnis Vorwort Zustand Docker install...

Vue verwendet dynamische Komponenten, um einen TAB-Umschalteffekt zu erzielen

Inhaltsverzeichnis Problembeschreibung Was ist di...

Detaillierte Erklärung dieser Referenz in React

Inhaltsverzeichnis Ursache: durchlaufen: 1. Konst...

Spezielle Befehle in der MySql-Datenbankabfrage

Erstens: Installation von MySQL Laden Sie die MyS...

Verwenden von js zum Implementieren eines einfachen Lichtschaltercodes

Körperteil: <button>Licht ein-/ausschalten&...