JavaScript-Array-Methoden: Erstellen mit Beispiel

Was ist ein Array?

Ein Array ist ein Objekt, das a speichern kann Sammlung von Gegenständen. Arrays werden besonders nützlich, wenn Sie große Datenmengen desselben Typs speichern müssen. Angenommen, Sie möchten de speicherntails von 500 Mitarbeitern. Wenn Sie Variablen verwenden, müssen Sie 500 Variablen erstellen, während Sie dasselbe mit einem einzelnen Array tun können. Sie können auf die Elemente in einem Array zugreifen, indem Sie darauf verweisen Indexnummer und der Index des ersten Elements eines Arrays ist Null.

JavaScript-Array erstellen

Sie können ein Array erstellen in JavaScript wie unten angegeben.

var students = ["John", "Ann", "Kevin"];

Hier initialisieren Sie Ihr Array, sobald es mit den Werten „John“, „Ann“ und „Kevin“ erstellt wird. Der Index von „John“, „Ann“ und „Kevin“ ist 0, 1 bzw. 2. Wenn Sie dem Students-Array weitere Elemente hinzufügen möchten, können Sie dies folgendermaßen tun:

students[3] = "Emma";
students[4] = "Rose";

Sie können ein Array auch mit dem Array-Konstruktor wie folgt erstellen:

var students = new Array("John", "Ann", "Kevin");

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaScript-Array-Methoden

Das Array-Objekt verfügt über viele Eigenschaften und Methoden, die Entwicklern helfen, Arrays einfach und effizient zu verwalten. Sie können den Wert einer Eigenschaft durch Angabe von arrayname.property und die Ausgabe einer Methode durch Angabe von arrayname.method() abrufen.

  1. Längeneigenschaft –> Wenn Sie die Anzahl der Elemente in einem Array wissen möchten, können Sie die Längeneigenschaft verwenden.
  2. Prototyp-Eigenschaft –> Wenn Sie neue Eigenschaften und Methoden hinzufügen möchten, können Sie die Prototyp-Eigenschaft verwenden.
  3. umgekehrte Methode –> Sie können die Reihenfolge der Elemente in einem Array mithilfe einer Umkehrmethode umkehren.
  4. Sortiermethode –> Sie können die Elemente in einem Array mithilfe der Sortiermethode sortieren.
  5. Pop-Methode –> Sie können das letzte Element eines Arrays mithilfe einer Pop-Methode entfernen.
  6. Schichtmethode –> Sie können das erste Element eines Arrays mit der Shift-Methode entfernen.
  7. Push-Methode –> Sie können einen Wert als letztes Element des Arrays hinzufügen.

Probieren Sie es selbst aus:

<html>
<head>
	<title>Arrays!!!</title>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		Array.prototype.displayItems=function(){
			for (i=0;i<this.length;i++){
				document.write(this[i] + "<br />");
			}
		}	
		document.write("students array<br />");
		students.displayItems();
		document.write("<br />The number of items in students array is " + students.length + "<br />");
		document.write("<br />The SORTED students array<br />");
		students.sort();
		students.displayItems();
		document.write("<br />The REVERSED students array<br />");
		students.reverse();
		students.displayItems();
		document.write("<br />THE students array after REMOVING the LAST item<br />");
		students.pop();
		students.displayItems();
        document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
		students.displayItems();
	</script>
</head>
<body>
</body>
</html>