Einführung in Arrays in JavaScript

Wie wir wissen, können wir mit Objekten verschlüsselte Wertesammlungen speichern. Aber manchmal brauchen wir eine bestellte Sammlung, in der wir 1., 2., 3. Element und vieles mehr speichern müssen. Nehmen wir zum Beispiel an, wir müssen eine Liste von Dingen speichern: Benutzerdaten, Warendaten und vieles mehr. Es ist nicht angebracht, hier ein Objekt zu verwenden, da es keine Methoden zum Verwalten der Reihenfolge von Elementen bietet. Objekte werden für eine solche Verwendung nicht erstellt. Es gibt eine spezielle Datenstruktur namens Array, um geordnete Sammlungen zu speichern. Mit Arrays in JavaScript können mehrere Werte in einer einzigen Variablen gespeichert werden. Es speichert die gleiche Art von Elementauflistung mit sequentieller fester Größe.

Arrays in JavaScript werden verwendet, um einen Informationssatz zu speichern. Oft ist dies jedoch hilfreich, um einen Satz von Variablen desselben Typs zu speichern. Ein Array ist eine einzelne Variable in JavaScript, die zum Speichern verschiedener Elemente verwendet wird. Wenn wir eine Liste von Elementen speichern und über eine einzige Variable darauf zugreifen möchten, wird diese häufig verwendet. Im Gegensatz zu vielen anderen Sprachen, in denen ein Array eine verschiedene Variablenreferenz ist, gibt es im JavaScript-Array eine einzige Variable, in der verschiedene Elemente gespeichert sind. Das Objekt Arrays in JavaScript ist ein globales Objekt, das beim Erstellen von Arrays verwendet wird. Das sind hochrangige, listenähnliche Objekte.

Wie funktioniert das Array in JavaScript?

Arrays in JavaScript sind eine Möglichkeit, Elemente in einer einzelnen Variablen im Speicher zu speichern. Über den Index kann auf die Elemente im Array zugegriffen werden. Der Array-Index beginnt mit 0. Javascript-Arrays sind nullbasiert, was bedeutet, dass der Index des ersten Elements 0 ist. Dies ist sehr wichtig, da es immer einen Offset von einer Einheit gibt: Das erste Element hat den Index 0 und Das zweite Element hat einen Index von 1 und so weiter.

Wie erstelle ich Arrays in JavaScript (Beispiel)?

Mit dem Objekt Array können Sie verschiedene Werte in einer Variablen speichern. Es speichert eine sequentielle Sammlung mit fester Größe mit den gleichen Elementtypen. Ein Array wird zum Speichern eines Sammlungssatzes verwendet. Oft ist es jedoch hilfreicher, ein Array als einen Satz desselben Variablentyps zu betrachten. Das Array mit der Literalnotation erleichtert das Erstellen von Arrays in JavaScript. Es besteht aus zwei eckigen Klammern, die optionale, durch Kommas getrennte Array-Elemente umschließen. Zahl, Zeichenfolge, Boolescher Wert, Nullwert, undefinierter Wert, Objekt, Funktion, regulärer Ausdruck und andere Strukturen können alle Arten von Array-Elementen sein.

Das Array kann wie unten angegeben in JavaScript erstellt werden

var country = ("India", "England", "Srilanka");

In der obigen Erstellung initialisieren Sie ein Array, das mit den Werten "Indien", "England" und "Srilanka" erstellt wurde. Der Index von "Indien", "England" und "Srilanka" ist 0, 1 und 2. Sie können dem Länder-Array zusätzliche Elemente hinzufügen und dann wie unten gezeigt vorgehen

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Beispiel


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

Ausgabe

Arten von Arrays in JavaScript (Erläutern Sie jeden Typ anhand eines Beispiels)

Nachfolgend sind die verschiedenen Arten von Arrays in Javascript aufgeführt:

  • Array-Literal

Das Array kann mit einem Array-Literal unter Verwendung der folgenden Syntax erstellt werden

var arrayname=(value1, value2…..valuen);

Betrachten Sie das einfache Beispiel zum Erstellen eines Arrays in JavaScript mithilfe von Array-Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Ausgabe :

  • Direkt anordnen

Das Array kann direkt mit array erstellt werden, indem das neue Schlüsselwort verwendet wird, wie unten in der Syntax gezeigt

var arrayname=new Array();

Im Folgenden finden Sie ein Beispiel für die Erstellung eines Arrays in JavaScript mithilfe von Array Direct mithilfe des neuen Schlüsselworts


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Ausgabe :

  • Array-Konstruktor

Die Array-Instanz kann durch Übergeben von Argumenten in einem Konstruktor erstellt werden. Im folgenden Beispiel wird mit Array Constructor mithilfe des neuen Schlüsselworts ein Array in JavaScript erstellt


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

Ausgabe

Erläutern Sie Array-Methoden in JavaScript

Nachfolgend sind die Array-Methoden in JavaScript aufgeführt

1. concat () Methode

Mit Hilfe der concat () -Methode können Sie ein neues Array mit einer Kombination von zwei oder mehr Arrays erstellen.

Syntax

array.concat(val1, val2, …, valN);

Beispiel


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

Ausgabe

2. jeder ()

Mit jeder () -Methode wird geprüft, ob die angegebenen Elemente in einem Array, wie in der Bedingung angegeben, wahr oder falsch sind. Es gibt true zurück, wenn die Bedingung mit der angegebenen Bedingung übereinstimmt, andernfalls false.

Syntax

Array.every(callback, thisArg)

Wobei Callback eine Bedingung zum Testen der Funktion ist und thisArg ein optionaler Parameter, der beim Ausführen des Callbacks verwendet wird.

Beispiel


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

Ausgabe

3. fill ()

Die Methode fill () wird verwendet, um die angegebenen statischen Werte zu füllen, indem die ursprünglichen Werte im angegebenen Array geändert werden.

Syntax

array.fill(value)

Beispiel


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

Ausgabe

4. filter ()

Die filter () -Methode wird verwendet, um die Array-Elemente basierend auf der gegebenen Bedingung zu filtern.

Syntax

array.filter(callback, thisArg)

Beispiel


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

Ausgabe

5. forEach ()

Die forEach () -Methode wird verwendet, um die Funktion für jedes Array-Element aufzurufen.

Syntax

array.forEach(callback, thisArg)

Beispiel


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

Ausgabe

6. enthält ()

Mit der Methode includes () wird geprüft, ob das angegebene Element im Array enthalten ist oder nicht. Wenn das Element in einem Array enthalten ist, gibt es true zurück, andernfalls false.

Syntax

array.includes(element) //where “element” is a value which is to be searched in the array

Beispiel


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

Ausgabe

7. join ()

Die join () -Methode wird verwendet, um die Array-Elemente in der Zeichenfolge zu kombinieren und eine neue Zeichenfolge bereitzustellen.

Syntax

array.join(separator)

Beispiel


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

Ausgabe

8. pop ()

Die pop () -Methode wird verwendet, um das letzte Element des angegebenen Arrays zu extrahieren.

Syntax

array.pop(operator)

Beispiel


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

Ausgabe

9. drücken Sie ()

Die push () -Methode wird verwendet, um das Element am Ende des Arrays einzufügen.

Syntax

array.push()

Beispiel


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

Ausgabe

10. reverse ()

Die reverse () -Methode wird verwendet, um die Reihenfolge des angegebenen Array von Elementen umzukehren. Das letzte Element wird das erste und das erste Element wird das letzte.

Syntax

array.reverse()

Beispiel


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

Ausgabe

11. shift ()

Die shift () -Methode wird verwendet, um das erste Element eines Arrays zurückzugeben.

Syntax

array.shift()

Beispiel


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

Ausgabe

12. slice ()

Die slice () -Methode wird verwendet, um einen Teil der angegebenen Array-Elemente anzuzeigen, ohne das ursprüngliche Array zu ändern.

Syntax

array.slice(start, end)

Beispiel


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

Ausgabe

13. sort ()

Die sort () -Methode wird verwendet, um die Array-Elemente in aufsteigender Reihenfolge anzuzeigen.

Syntax

array.sort()

Beispiel


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

Ausgabe

14. Unshift ()

Die unshift () -Methode wird verwendet, um Elemente am Anfang des Arrays hinzuzufügen.

Syntax

array.unshift(“element”)

Beispiel


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

Ausgabe

15. indexOf ()

Die indexOf () -Methode wird verwendet, um die Position eines Elements in einem bestimmten Array zu suchen.

Syntax

array.indexOf(“element”)

Beispiel


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

Ausgabe

Fazit

Wie bisher erläutert, ist ein Array eine spezielle Art von Objekt zum Speichern und Verwalten von Datenelementen. Ein Array ist ein Objekt, das eine Gruppe von Elementen bereitstellt und zum Speichern einer großen Datenmenge desselben Typs nützlich ist. Die Eigenschaften und Methoden von Array-Objekten erleichtern Entwicklern den Umgang mit Arrays. Als globales Objekt kann das JavaScript-Array zum Erstellen von Arrays auf hoher Ebene verwendet werden.

Empfohlener Artikel

Dies war eine Anleitung zu Arrays in JavaScript. Hier diskutieren wir die verschiedenen Arten und Methoden von Arrays zusammen mit Example. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren

  1. JavaScript-Werkzeuge
  2. JavaScript-Mathematikfunktionen
  3. Beste Javascript Frameworks
  4. Verwendung von JavaScript
  5. Arrays in PHP