JavaScript Array-metoder: Skapa med exempel

By: James Hartman James Hartman
Hours Uppdaterad

Vad är en Array?

En array är ett objekt som kan lagra en samling av föremål. Arrayer blir riktigt användbara när du behöver lagra stora mängder data av samma typ. Anta att du vill lagra uppgifter om 500 anställda. Om du använder variabler måste du skapa 500 variabler medan du kan göra samma sak med en enda array. Du kan komma åt objekten i en array genom att hänvisa till dess Indexnummer och indexet för det första elementet i en matris är noll.

JavaSkript Skapa Array

Du kan skapa en array i JavaScript enligt nedan.

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

Här initierar du din array när och när den skapas med värdena "John", "Ann" och "Kevin". Indexet för "John", "Ann" och "Kevin" är 0, 1 respektive 2. Om du vill lägga till fler element till elevarrayen kan du göra det så här:

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

Du kan också skapa en array med Array-konstruktorn så här:

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 många egenskaper och metoder som hjälper utvecklare att hantera arrayer enkelt och effektivt. Du kan få värdet på en egenskap genom att ange arrayname.property och utdata från en metod genom att ange arrayname.method().

  1. längd egendom –> Om du vill veta antalet element i en array kan du använda egenskapen length.
  2. prototypegenskap –> Om du vill lägga till nya egenskaper och metoder kan du använda prototypegenskapen.
  3. omvänd metod –> Du kan vända ordningen på objekt i en array med en omvänd metod.
  4. sorteringsmetod –> Du kan sortera objekten i en array med hjälp av sorteringsmetoden.
  5. popmetod –> Du kan ta bort det sista objektet i en array med en pop-metod.
  6. skiftmetoden –> Du kan ta bort det första objektet i en array med skiftmetoden.
  7. push-metod –> Du kan lägga till ett värde som det sista objektet i arrayen.

Prova detta själv:

<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 kanske gillar: