| |
|
In Javascript Arrays can be constructed as
var demoArray = new Array();
var demoArray = new Array(10);
//demoArray is an array of 10 elements
var demoArray = new Array(3,4,76,20,40);
// here demoArray is an array with elements 3,4,76,20 and 40
You can accesss the individual elements of the array as
arrayname[index_of_element]. Index starts from 0.
Example:
To print the first element of the array demoArray you have to write
document.write ( demoArray[0]);
similarly ,
document.write ( demoArray[1]);
prints the second element of the array.
There are many functions which operates on an array.
Name |
Description |
length |
The number of elements in the array. |
concat() |
Concatinates an array or a single element to an array. |
join() |
Concatinates all elements of an array into one string with a special symbol separating them.. |
pop() |
Deletes the last element of an array. |
push() |
Adds elements at the end of the array. |
reverse() |
Reverses the order of the elements of the array. |
shift() |
Deletes element from the front of the array. |
slice() |
Returns a subsection of the array. |
sort() |
Sorts elements in array. |
splice() |
Inserts and Removes elements from an array. |
toSource() |
Converts elements to a string with square brackets . |
toString() |
Converts elements to a string. |
unshift() |
Adds element to the front of an array. |
Below we domonstrate the use of all the functions .
<script language="javascript">
//var demoArray = new Array("Mango","Banana","Grapes","StrawBerry");
var demoArray = ["Mango","Banana","Grapes","StrawBerry"];
document.write("Original array ->" + demoArray.toString() + "<br>");
//Original array ->Mango,Banana,Grapes,StrawBerry
var i=demoArray.length;
document.write("Length of the array ->" + i + "<br>");
//Length of the array ->4
demoArray = demoArray.reverse();
document.write("Reversed array ->" + demoArray + "<br>");
//Reversed array ->StrawBerry,Grapes,Banana,Mango
demoArray = demoArray.concat("PineApple");
document.write("After concat ->" + demoArray + "<br>");
//After concat ->StrawBerry,Grapes,Banana,Mango,PineApple
var sjoin;
sjoin = demoArray.join("-");
document.write("After join ->" + sjoin + "<br>");
//After join ->StrawBerry-Grapes-Banana-Mango-PineApple
demoArray.push("Guava");
document.write("After pushing Guava ->" + demoArray + "<br>");
//After pushing Guava ->StrawBerry,Grapes,Banana,Mango,PineApple,Guava
demoArray.pop();
document.write("After pop ->" + demoArray + "<br>");
//After pop ->StrawBerry,Grapes,Banana,Mango,PineApple
demoArray = demoArray.sort();
document.write("After sorting ->" + demoArray + "<br>");
//After sorting ->Banana,Grapes,Mango,PineApple,StrawBerry
demoSubArray=demoArray.slice(1,3);// slicing satrs from 1th element and ends at 3rd element
document.write("subarray created after slicing ->" + demoSubArray + "<br>");
//subarray created after slicing ->Grapes,Mango
demoArray.splice(4,1,"Apple");
//slicing starts from 4th element "StrawBerry", 1 item is replaced and
// replaced by "Apple"
document.write(" after spliceing StrawBerry with Apple ->" + demoArray + "<br>");
//after spliceing StrawBerry with Apple ->Banana,Grapes,Mango,PineApple,Apple
demoArray.unshift("Orange");
//Place "Orange" at the front of the array
document.write(" after unshift with Orange ->" + demoArray + "<br>");
//after spliceing StrawBerry with Apple ->Banana,Grapes,Mango,PineApple,Apple
document.write("converted to string ->" + demoArray.toSource() + "<br>");
//after unshift with Orange ->Orange,Banana,Grapes,Mango,PineApple,Apple
</script>
So , that's it . Hope you have enjoyed the tutorial. Thank You.
Back to Tutorial Index page
Your comments are most welcome admin@koderguru.com
|
|
|
