JavaScript Array Methods: Luo esimerkillä

Mikä on Array?

Taulukko on objekti, joka voi tallentaa a kokoelma kohteita. Taulukot ovat todella hyödyllisiä, kun sinun on tallennettava suuria määriä samantyyppistä tietoa. Oletetaan, että haluat tallentaa 500 työntekijän tiedot. Jos käytät muuttujia, sinun on luotava 500 muuttujaa, kun taas voit tehdä saman yhdellä taulukolla. Voit käyttää taulukon kohteita viittaamalla siihen Indeksinumero ja taulukon ensimmäisen alkion indeksi on nolla.

JavaScript Luo Array

Voit luoda taulukon sisään JavaKäsikirjoitus kuten alla on annettu.

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

Täällä olet alustamassa taulukkoa, kun se luodaan arvoilla "John", "Ann" ja "Kevin". "John", "Ann" ja "Kevin" on vastaavasti 0, 1 ja 2. Jos haluat lisätä elementtejä oppilaiden taulukkoon, voit tehdä sen seuraavasti:

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

Voit myös luoda taulukon käyttämällä Array-konstruktoria seuraavasti:

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

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaScript Array Methods

Array-objektilla on monia ominaisuuksia ja menetelmiä, jotka auttavat kehittäjiä käsittelemään taulukoita helposti ja tehokkaasti. Voit saada ominaisuuden arvon määrittämällä taulukonnimi.ominaisuus ja menetelmän tulosteen määrittämällä taulukonnimi.method().

  1. pituus omaisuutta –> Jos haluat tietää taulukon elementtien lukumäärän, voit käyttää pituus-ominaisuutta.
  2. prototyypin ominaisuus –> Jos haluat lisätä uusia ominaisuuksia ja menetelmiä, voit käyttää prototyyppiominaisuutta.
  3. käänteinen menetelmä –> Voit kääntää taulukon kohteiden järjestyksen käänteisellä menetelmällä.
  4. lajittelutapa -> Voit lajitella taulukon kohteet lajittelumenetelmällä.
  5. pop menetelmä –> Voit poistaa taulukon viimeisen kohteen pop-menetelmällä.
  6. siirtomenetelmä –> Voit poistaa taulukon ensimmäisen kohteen siirtomenetelmällä.
  7. työntömenetelmä –> Voit lisätä arvon taulukon viimeiseksi kohteeksi.

Kokeile tätä itse:

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