Two dimensional JavaScript array
We can create two dimensional arrays in JavaScript. These arrays are different than two dimensional arrays we have used in ASP. To understand two dimensional arrays we will use some examples. First let us try to create some arrays.
var details = new Array();
details[0]=new Array(3);
details[0][0]="Example 1";
details[0][1]="Example 2";
details[0][2]="Example 3";
details[1]=new Array(2);
details[1][0]="Example 4";
details[1][1]="Example 5";
document.write(details[0][2]);Displaying elements of two dimensional array
To display the inner elements of first set of array we have to use for loop. Here is an example.
for(i=0; i<=2; i++){
document.write(details[0][i]);
document.write("<br>");
}
Example 1
Example 2
Example 3
for(j=0; j<=1; j++){
for(i=0; i<=2; i++){
document.write(details[j][i]);
document.write("<br>");
}}
Example 1
Example 2
Example 3
Example 4
Example 5
undefined
Displaying elements by using length Property
In above code we used numbers inside for loops because we already know the number of elements present inside array. If we don't know the number of elements present inside array then we can use the array length property inside for loop to display the elements.for(j=0; j<details.length; j++){
for(i=0; i<details[j].length; i++){
document.write(details[j][i]);
document.write("<br>");
}
}Example
var my_2d = [
['One', 2],
['Two', 4],
['Three', 6]
];
// display now
for(i = 0; i < my_2d.length; i++)
document.write(my_2d[i][0] + ',' + my_2d[i][1] + '<br>' );One,2
Two,4
Three,6Multidimensional array
Using push to add elements to multidimensional array.<script>
var my_ans = new Array(); // declaring array
my_ans.push({0:45,1:55,2:65});
my_ans.push({0:145,1:155,2:165});
my_ans.push({0:245,1:255,2:265});
// displaying the array data //
for(i=0;i<3;i++){
document.write("key : " + i + " =>value: " + my_ans[i][0] +
',' +my_ans[i][1] + ',' +my_ans[i][2] + "<br>");
}
</script>key : 0 =>value: 45,55,65
key : 1 =>value: 145,155,165
key : 2 =>value: 245,255,265Array Reference How to display elements of an Array
This article is written by plus2net.com team.
More on JavaScript Arrays : Create , display and Applications
JavaScript Array Displaying elements of an array by looping through join():Displaying elements of an array using join() function sort():Sorting of elements of an array using function length:Length property to get the total number of elements in an array reverse():Reversing the elements of an array pop():Removeing last element of an array by using pop() shift():Removeing first element of an array using shift() Removeing all element of an array push():Adding elements to array using push() unshift():Adding elements to array using unshift() splice():Add replace remove elements from an array using splice() split():Creating array by splitting string variable toString: To join all elements and create a string concat: To join two or more arrays to a single array slice: To return element from an array with starting and ending positions Two Dimensional Array: Adding and displaying elements searching for matching element inside an array by using indexOf function All elements of the array separated by comma| dipesh patel | 07-07-2010 |
| one very much better learning method | |
| pramol | 23-12-2014 |
| It's going very easy after learning..... | |