JavaScript Array Methods: Lag med eksempel

by: James Hartman James Hartman
Hours oppdatert

Hva er en Array?

En matrise er et objekt som kan lagre en samling av gjenstander. Arrays blir veldig nyttige når du trenger å lagre store mengder data av samme type. Anta at du vil lagre detaljer om 500 ansatte. Hvis du bruker variabler, må du lage 500 variabler, mens du kan gjøre det samme med en enkelt matrise. Du kan få tilgang til elementene i en matrise ved å referere til dens indeksnummer og indeksen til det første elementet i en matrise er null.

JavaSkript Opprett Array

Du kan opprette en matrise i JavaScript som gitt nedenfor.

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

Her initialiserer du arrayet ditt etter hvert som det er opprettet med verdiene "John", "Ann" og "Kevin". Indeksen til "John", "Ann" og "Kevin" er henholdsvis 0, 1 og 2. Hvis du vil legge til flere elementer til elevarrayet, kan du gjøre det slik:

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

Du kan også lage en matrise ved å bruke Array-konstruktør slik:

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

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaSkriptmatrisemetoder

Array-objektet har mange egenskaper og metoder som hjelper utviklere til å håndtere arrays enkelt og effektivt. Du kan få verdien av en egenskap ved å spesifisere arrayname.property og utdata fra en metode ved å spesifisere arrayname.method().

  1. lengde eiendom –> Hvis du vil vite antall elementer i en matrise, kan du bruke egenskapen length.
  2. prototype eiendom –> Hvis du ønsker å legge til nye egenskaper og metoder, kan du bruke prototype-egenskapen.
  3. omvendt metode –> Du kan snu rekkefølgen på elementer i en matrise ved å bruke en omvendt metode.
  4. sorteringsmetode –> Du kan sortere elementene i en matrise ved å bruke sorteringsmetoden.
  5. pop-metoden –> Du kan fjerne det siste elementet i en matrise ved å bruke en pop-metode.
  6. skiftmetode –> Du kan fjerne det første elementet i en matrise ved å bruke shift-metoden.
  7. push-metoden –> Du kan legge til en verdi som siste element i matrisen.

Prøv dette selv:

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