Alles, was Sie über JavaScript-Array-Methoden wissen müssen



In diesem Blog erhalten Sie detaillierte Informationen zur Funktionsweise von Arrays in Javascript und zu den verschiedenen in JavaScript verwendeten Array-Methoden.

oder Webprogrammierung brachte dynamische Webanwendungen hervor. Mit dem Aufstieg des Web ist JavaScript zu einem der wichtigsten Sprachen in der heutigen Welt.Dies JavaScript-Array Artikelführt Sie in der folgenden Reihenfolge in die Tiefen der Array-Methoden in JavaScript:

Einführung in JavaScript

ist eine interpretierte Programmiersprache auf hohem Niveau, mit der Webseiten interaktiver gestaltet werden. Es ist eine sehr leistungsfähige clientseitige Skriptsprache, die Ihre Webseite lebendiger und interaktiver macht.





JavaScript - Javascript Array - Edureka

Es ist eine Programmiersprache, mit der Sie ein komplexes und schönes Design auf Webseiten implementieren können. Wenn Sie möchten, dass Ihre Webseite lebendig aussieht und viel mehr als nur Sie anstarrt, ist JavaScript ein Muss.



Grundlagen von JavaScript

Wenn Sie neu in der Sprache sind, müssen Sie einige der kennen Grundlagen von JavaScript Das wird Ihnen helfen, Ihren Code zu schreiben. Die Grundlagen umfassen:

  • Arrays

Sie können die überprüfen um in die Tiefe dieser grundlegenden Konzepte und Grundlagen von JavaScript einzusteigen. In diesem JavaScript-Array-Artikel konzentrieren wir uns auf die verschiedenen Array-Methoden, die zum Definieren einer Liste von Elementen verwendet werden.

JavaScript-Array

Ein Array ist a Datenstruktur Das enthält eine Liste von Elementen, die mehrere Werte unter einer einzigen Variablen speichern.



Um ein Array in JavaScript zu deklarieren, verwenden Sie ‘ Lassen ’Schlüsselwort mit eckigen Klammern und schließen Sie alle darin enthaltenen Elemente ein. Die Syntax lautet wie folgt:

let ListItems = [] ListItems = ['Schuhe', 'Uhr', 'Tasche']

Sie können es auch wie folgt deklarieren:

let ListItems = ['Schuhe', 'Uhr', 'Tasche']

Unterschied zwischen Array und Objekten

JavaScript-Variablen können Objekte sein. Arrays gelten als spezielle Arten von Objekten. Aus diesem Grund können Sie Variablen unterschiedlichen Typs im selben Array haben.

myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems

In JavaScript Arrays verwenden nummerierte Indizes . Wohingegen, Objekte werden als verwendet benannte Indizes .

JavaScript-Array-Methoden

Der Zweck der Verwendung eines Array ist zu speichern mehrere Werte in einem einzelne Einheit einer deklarierten Variablen. Arrays werden verwendet, wenn wir mit einer einzelnen Variablen ordnungsgemäß auf Elemente zugreifen möchten. Man kann Strings, Boolesche Werte und Zahlen in einem einzigen Array speichern.

Erstellen Sie einen Parameter in Tableau

Es gibt verschiedene JavaScript-Array-Methoden um verschiedene Aufgaben auszuführen, wie zum Beispiel:

  • drücken() - Es ist einfach, Elemente zu entfernen und neue Elemente hinzuzufügen, während Sie mit Arrays arbeiten. Die push () -Methode fügt hinzu zu neues Element zum Ende eines Arrays. Der Rückgabewert ist die neue Arraylänge.

Beispiel:

let listItems = ['Tasche', 'Schuhe', 'Kleid'] console.log (listItems.push ('watch'))

Ausgabe:

4

Push () gibt nicht den Wert zurück, der dem Array hinzugefügt wurde. Es wird nur die neue Länge des Arrays zurückgegeben.

  • pop ()- - Die pop () -Methode wird verwendet, um entfernen das letztes Element aus einem Array. Es gibt den Wert zurück, der herausgesprungen ist.

Beispiel:

let listItems = ['Tasche', 'Schuhe', 'Kleid'] console.log (listItems.pop ())

Ausgabe:

Kleid

Pop () gibt den entfernten Wert zurück und nicht die Array-Länge wie Push ().

  • Verschiebung() - Das Verschieben ähnelt dem Poppen und arbeitet am ersten Element anstelle des letzten. Die shift () -Methode wird verwendet, um entfernen das erstes Array-Element und verschiebt alle anderen Elemente auf einen niedrigeren Index. Sie erhalten die Zeichenfolge zurück, die verschoben wurde.

Beispiel:

let listItems = ['Tasche', 'Schuhe', 'Kleid'] console.log (listItems.shift ())

Ausgabe:

Tasche

Shift () funktioniert genauso wie pop (), gibt jedoch das erste Element des Arrays anstelle des letzten zurück.

  • nicht verschieben () - Das Methode fügt hinzu ein neues Element bei der Anfang eines Arrays und verschiebt ältere Elemente. Es ähnelt Push () und gibt die neue Array-Länge zurück.

Beispiel:

let listItems = ['Tasche', 'Schuhe', 'Kleid', 'Uhr'] console.log (listItems.unshift ('Telefon'))

Ausgabe:

5

Unshift () fügt das neue Element zum Array hinzu und gibt die Länge des neuen Arrays zurück.

  • concat () - Die concat () -Methode erstellt ein neues Array von Verketten oder Zusammenführen vorhandener Arrays. Esändert das vorhandene Array nicht und gibt immer ein neues Array zurück.

Beispiel:

let arr1 = ['rot', 'blau', 'grün'] let arr2 = ['Farben', 'Sprühfarbe', 'Pinsel'] let newArr = arr1.concat (arr2) console.log (newArr)

Ausgabe:

  • toString () - Die toString () -Methode wird verwendet, um Konvertieren ein Array zu einem Zeichenfolge von Array-Werten, durch Kommas getrennt.

Beispiel:

let colours = ['rot', 'blau', 'grün'] console.log (colours.toString ())

Ausgabe:

rot, blau, grün
  • beitreten() - Die join () -Methode funktioniert genauso wie toString (). Es ist daran gewöhnt beitreten alle Array-Elemente in a Zeichenfolge , aber zusätzlich können Sie die angeben Separator .

Beispiel:

let colours = ['rot', 'blau', 'grün'] console.log (colours.join ('+'))

Ausgabe:

rot + blau + grün
  • umkehren() - Die reverse () Methode wird verwendet, um umkehren das Bestellung der Elemente in einem Array. Es wird das ursprüngliche Array ändern und die Reihenfolge der Elemente vertauschen.

Beispiel:

lass Früchte = ['Mango', 'Apfel', 'Trauben'] console.log (obst.reverse ())

Ausgabe:

  • Sortieren() - Die sort () -Methode wird verwendet, um Sortieren eine Anordnung alphabetisch . Diese Funktion sortiert die Werte standardmäßig als Zeichenfolge.

Beispiel:

lass Früchte = ['Mango', 'Apfel', 'Trauben'] console.log (obst.sort ())

Ausgabe:

  • Scheibe() - Die Slice () -Methode wird verwendet, um Scheibe ein Stück eines Arrays in ein neues Array umwandeln. Es wird ein neues Array erstellt, ohne dass Elemente aus dem Quellarray entfernt werden. Es wird der Wert zurückgegeben, der aus dem Array herausgeschnitten wurde.

Beispiel:

let colours = ['rot', 'blau', 'grün', 'gelb', 'orange'] console.log (colours.slice (1,3))

Ausgabe:

Dies waren einige der am häufigsten verwendeten JavaScript-Array-Methoden. Damit sind wir am Ende unseres Artikels angelangt. Ich hoffe, Sie haben verstanden, wie Array-Methoden in JavaScript verwendet werden.

Nachdem Sie sich mit JavaScript-Array-Methoden vertraut gemacht haben, lesen Sie die von Edureka. Mithilfe der Schulung zur Webentwicklungszertifizierung erfahren Sie, wie Sie beeindruckende Websites mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'JavaScript Array' und wir werden uns bei Ihnen melden.