Arrays in Java Script

Array is a basic data structure in Java Script. In Java Script array you can store different data types in different rows. To creata array you have to use keyword new to allocate memeory for array and Array() function to create array. Here is an example.
Java Script Code:



<script language="JavaScript">

<!--

//Creating an array

var products = new Array(10)

products[0] = "Bike"

products[1] = "Car"

products[2] = "Bus"

products[3] = "MicroBus"

products[4] = "Trolly"

products[5] = "video"

products[6] = "TV set"

products[7] = "Computer"

products[8] = "Chair"

products[9] = "Table"

//accessing array:

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

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

//-->

</script>

In second array we store quantity of our products:

Java Script Code:



<script language="JavaScript">

<!--

//Creating an array

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

//accessing array:

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

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

//-->

</script>

We connect it together:

Java Script Code:

In header we define a funcion:


<script language="JavaScript">
<!--
function display(){
	var i = document.chooseForm.products_chosen.selectedIndex
	var s = "You have chosen "+products[i]+". We have "+quantity[i]+" of "+products[i]+"s."
	alert(s)
}
//-->
</script>

In body section:


<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="choose" onClick="display()">
</form>

Back to Java script list

Back to main page