Suggested Videos
Part 20 - JavaScript array push and pop methods
Part 21 - JavaScript array mutators
Part 22 - JavaScript array filter method
JavaScript does not have a special syntax for creating multidimensional arrays. Instead we create an array of arrays.
Example : The following JavaScript code creates a 2 dimensional 3x3 array.
Output :
In Example 1, we have manually populated each storage location in the array. Instead we can use to 2 nested for loops as shown below.
Performing addition between 2 two dimensional arrays in JavaScript
Example :
a) The first 3 x 3 array should contain numbers from 1 to 9
b) The second 3 x 3 array should contain numbers from 9 to 1
c) The numbers present at each index position in the first and second array should be added and the result should be stored in a third 3x3 array.
Creating a 2 dimensional 3 X 5 array
Output :
Part 20 - JavaScript array push and pop methods
Part 21 - JavaScript array mutators
Part 22 - JavaScript array filter method
JavaScript does not have a special syntax for creating multidimensional arrays. Instead we create an array of arrays.
Example : The following JavaScript code creates a 2 dimensional 3x3 array.
var myArray1 = new
Array(3)
for (i = 0; i < 3; i++)
myArray1[i] = new Array(3)
myArray1[0][0] = "1"
myArray1[0][1] = "2"
myArray1[0][2] = "3"
myArray1[1][0] = "4"
myArray1[1][1] = "5"
myArray1[1][2] = "6"
myArray1[2][0] = "7"
myArray1[2][1] = "8"
myArray1[2][2] = "9"
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
document.write(myArray1[i][j]
+ " ");
}
document.write("<br/>");
}
Output :
![2 dimensional array javascript](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSQSX8MLLwDYROfssrDdIYaNi95Q4alOuRZnYfT7lrInvV_cEwi-tMVifXpT3nRmP4hNOS2fmOxYoyHamw4fjd4Tow-rnJumoB0UTAvASh5viw9AixxeaQAn36v2GTgQANxbJBEgCgMY/s1600/2+dimensional+array+javascript.png)
In Example 1, we have manually populated each storage location in the array. Instead we can use to 2 nested for loops as shown below.
var myArray1 = new
Array(3)
for (i = 0; i < 3; i++)
myArray1[i] = new Array(3)
var start = 1;
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
myArray1[i][j] = start;
start = start + 1;
}
}
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
document.write(myArray1[i][j]
+ " ");
}
document.write("<br/>");
}
Performing addition between 2 two dimensional arrays in JavaScript
Example :
a) The first 3 x 3 array should contain numbers from 1 to 9
b) The second 3 x 3 array should contain numbers from 9 to 1
c) The numbers present at each index position in the first and second array should be added and the result should be stored in a third 3x3 array.
![javascript to add 2 two dimensional arrays](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqr2tZwS8iBBmQmXybTCW7g57rmTYALTiy9eYLSRtqAIhZKxzb5z6yHar0CuXW4rWNcTj2ER8kDHiZZAjKOcn2Bi_eROCGZFu4tr8K53AaesiK0U49x3aAeMeGFxl6U6NsS4dUSuo9IK4/s1600/javascript+to+add+2+two+dimensional+arrays.png)
// Create the first 2 dimensional
3 X 3 array
var myArray1 = new
Array(3)
for (i = 0; i < 3; i++)
myArray1[i] = new Array(3)
var start = 1;
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
myArray1[i][j] = start;
start = start + 1;
}
}
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
document.write(myArray1[i][j]
+ " ");
}
document.write("<br/>");
}
document.write("<br/>");
document.write(" +");
document.write("<br/>");
document.write("<br/>");
// Create the second 2 dimensional
3 X 3 array
var myArray2 = new
Array(3)
for (i = 0; i < 3; i++)
myArray2[i] = new Array(3)
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
start = start - 1;
myArray2[i][j] = start;
}
}
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
document.write(myArray2[i][j]
+ " ");
}
document.write("<br/>");
}
document.write("<br/>");
document.write(" =");
document.write("<br/>");
document.write("<br/>");
// Create the third 2 dimensional
3 X 3 array
var myArray3 = new
Array(3)
for (i = 0; i < 3; i++)
myArray3[i] = new Array(3)
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
myArray3[i][j] = myArray1[i][j]
+ myArray2[i][j];
}
}
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 3; j++)
{
document.write(myArray3[i][j]
+ " ");
}
document.write("<br/>");
}
Creating a 2 dimensional 3 X 5 array
var myArray1 = new
Array(3)
for (i = 0; i < 3; i++)
myArray1[i] = new Array(5)
var start = 101;
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 5; j++)
{
myArray1[i][j] = start;
start = start + 1;
}
}
for (var i = 0; i < 3; i++)
{
for (var j =
0; j < 5; j++)
{
document.write(myArray1[i][j]
+ " ");
}
document.write("<br/>");
}
Output :
![two dimensional array javascript example](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdEPQkBwfJ2yAp1cLrxECFYfyzwIPicIX4CP_r_FoOpEjpnSRONSdYEi4vVs_5qc6S6u8wYrPvrVal9pgydYQhIEZEyObOzOb9iPTnj2Vr9TjPJiFRTPa04hOhTE4WfOCqCxPaKIvr_J8/s1600/two+dimensional+array+javascript+example.png)
![JavaScript tutorial](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj13IEpmfH31PXAmq3AI1T-giJvq7XrMyLstNh5K4kw0zBh30JKTZslb4GwOmCh-CVsS25HBsvnK6QdXemuSpZR1fOBMh9bnqr9bojDBWuIFmmc3h_14f9cLs7DZdoaUpTjtVKJ4NXuwfU/s1600/JavaScript+Tutorial.png)
No comments:
Post a Comment
It would be great if you can help share these free resources