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
- JavaScript-Werkzeuge
- JavaScript-Mathematikfunktionen
- Beste Javascript Frameworks
- Verwendung von JavaScript
- Arrays in PHP