JavaScript Array-metoder: Opret med eksempel

Af: James Hartman James Hartman
Hours Opdateret

Hvad er et array?

Et array er et objekt, der kan lagre en samling af genstande. Arrays bliver virkelig nyttige, når du skal gemme store mængder data af samme type. Antag, at du vil gemme oplysninger om 500 ansatte. Hvis du bruger variabler, skal du oprette 500 variable, mens du kan gøre det samme med et enkelt array. Du kan få adgang til elementerne i et array ved at henvise til dets indeksnummer og indekset for det første element i et array er nul.

JavaScript Opret Array

Du kan oprette et array i JavaScript som angivet nedenfor.

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

Her initialiserer du dit array, når og når det er oprettet med værdierne "John", "Ann" og "Kevin". Indekset for "John", "Ann" og "Kevin" er henholdsvis 0, 1 og 2. Hvis du vil tilføje flere elementer til elevernes array, kan du gøre det sådan:

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

Du kan også oprette et array ved hjælp af Array-konstruktør som denne:

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

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaScript Array Metoder

Array-objektet har mange egenskaber og metoder, som hjælper udviklere med at håndtere arrays nemt og effektivt. Du kan få værdien af ​​en egenskab ved at angive arrayname.property og outputtet af en metode ved at angive arrayname.method().

  1. længde ejendom –> Hvis du vil vide antallet af elementer i et array, kan du bruge egenskaben length.
  2. prototype ejendom –> Hvis du vil tilføje nye egenskaber og metoder, kan du bruge prototypeegenskaben.
  3. omvendt metode –> Du kan vende rækkefølgen af ​​elementer i et array ved at bruge en omvendt metode.
  4. sorteringsmetode –> Du kan sortere elementerne i et array ved hjælp af sorteringsmetoden.
  5. pop metode –> Du kan fjerne det sidste element i et array ved hjælp af en pop-metode.
  6. skiftemetode –> Du kan fjerne det første element i et array ved hjælp af shift-metoden.
  7. push metode –> Du kan tilføje en værdi som det sidste element i arrayet.

Prøv selv dette:

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

Du kan lide: