Tablice w JavaScript

Tablice są podstawowa strukturą danych w JavaScript. W JavaScript tablica może przechowywać różne typy danych w różnych wierszach. Aby utworzyć tablicę potrzeba użyć słowa kluczowego new (alokuje pamięć na tablicę) oraz wywołać funkcję Array(). Oto przykład:
Kod w JavaScript:



<script language="JavaScript">

<!--

//Tworzenie tablicy

var products = new Array(10)

products[0] = "rower"

products[1] = "samochód"

products[2] = "autobus"

products[3] = "mikrobus"

products[4] = "wózek"

products[5] = "magnetowid"

products[6] = "telewizor"

products[7] = "komputer"

products[8] = "krzesło"

products[9] = "stół"

//dostęp do elementów tablicy:

for(i = 0; i<products.length; i++)

	document.write("<br>"+products[i])

//-->

</script>

W drugiej tablicy zapiszemy ilości produktów:

Java Script Code:



<script language="JavaScript">

<!--

//Tworzenie tablicy

var quantity = new Array(10)

quantity[0] = 34

quantity[1] = 43

quantity[2] = 1

quantity[3] = 7

quantity[4] = 9

quantity[5] = 23

quantity[6] = 99

quantity[7] = 102

quantity[8] = 238

quantity[9] = 200

//dostęp do elementów tablicy:

for(i = 0; i<products.length; i++) 

	document.write("<br>"+quantity[i])

//-->

</script>

Połączymy to razem:

Kod w JavaScript:

W nagłówku definiujemy funkcję:


<script language="JavaScript">
<!--
function display(){
	var i = document.chooseForm.products_chosen.selectedIndex
	var s = "Wybrałeś natępujący produkt: "+products[i]+". Mamy jego "+quantity[i]+" sztuk"
	alert(s)
}
//-->
</script>

W sekcji BODY:


<form name = "chooseForm">
<select name="products_chosen">
<script language="JavaScript">
<!--
for(i = 0; i<products.length; i++)
	document.write("<option>"+products[i]+"</option>")
//-->
</script>
</select>
<input type="button" value="wybór" onClick="display()">
</form>

powrót do listy skryptów Java Script

powrót do strony głównej