JavaScript Array Methoden: Maken met Voorbeeld

Door: James Hartman James Hartman
Hours Bijgewerkt

Wat is een matrix?

Een array is een object dat een verzameling van items. Arrays worden echt handig als u grote hoeveelheden data van hetzelfde type wilt opslaan. Stel dat u de gegevens van 500 werknemers wilt opslaan. Als u variabelen gebruikt, moet u 500 variabelen maken, terwijl u hetzelfde kunt doen met een enkele array. U kunt de items in een array benaderen door te verwijzen naar de index nummer en de index van het eerste element van een array is nul.

JavaScript Array maken

Je kunt er een array van maken JavaScript zoals hieronder gegeven.

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

Hier initialiseert u uw array zoals en wanneer deze wordt gemaakt met de waarden “John”, “Ann” en “Kevin”. De index van “John”, “Ann” en “Kevin” is respectievelijk 0, 1 en 2. Als je meer elementen aan de studentenarray wilt toevoegen, kun je dat als volgt doen:

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

U kunt ook als volgt een array maken met de Array-constructor:

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

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaScript Array-methoden

Het Array-object heeft veel eigenschappen en methoden waarmee ontwikkelaars eenvoudig en efficiënt met arrays kunnen omgaan. U kunt de waarde van een eigenschap verkrijgen door arrayname.property op te geven, en de uitvoer van een methode door arrayname.method() op te geven.

  1. lengte eigenschap –> Als u het aantal elementen in een array wilt weten, kunt u de eigenschap length gebruiken.
  2. prototype eigendom –> Als u nieuwe eigenschappen en methoden wilt toevoegen, kunt u de prototype-eigenschap gebruiken.
  3. omgekeerde methode –> U kunt de volgorde van items in een array omkeren met behulp van een omgekeerde methode.
  4. sorteermethode -> U kunt de items in een array sorteren met behulp van de sorteermethode.
  5. pop-methode –> U kunt het laatste item van een array verwijderen met behulp van een pop-methode.
  6. verschuivingsmethode –> U kunt het eerste item van een array verwijderen met behulp van de shift-methode.
  7. push-methode –> U kunt een waarde toevoegen als laatste item van de array.

Probeer dit zelf:

<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>

Je houdt misschien van: