Creating two dimensional array in javascript

Published: 22 December 2014
on channel: kudvenkat

89,834

350

Link for all dot net and sql server video tutorial playlists
/ kudvenkat

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
/ @aarvikitchen5572

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/]");
}

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 :
The first 3 x 3 array should contain numbers from 1 to 9
The second 3 x 3 array should contain numbers from 9 to 1
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.

// 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/]");
}

On this page of the site you can watch the video online Creating two dimensional array in javascript with a duration of hours minute second in good quality, which was uploaded by the user kudvenkat 22 December 2014, share the link with friends and acquaintances, this video has already been watched 89,834 times on youtube and it was liked by 350 viewers. Enjoy your viewing!