dcsimg
Login | Register   
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX

By submitting your information, you agree that devx.com may send you DevX offers via email, phone and text message, as well as email offers about other products and services that DevX believes may be of interest to you. DevX will process your information in accordance with the Quinstreet Privacy Policy.


Tip of the Day
Language: Web
Expertise: Intermediate
Jan 21, 1999

WEBINAR:

On-Demand

Application Security Testing: An Integral Part of DevOps


Two-Dimensional Arrays in JavaScript

Technically, JavaScript doesn't support multi-dimensional arrays, but you can simulate a two-dimensional array by creating an array of arrays. This can be particularly useful if you want to create a matrix of images or other objects on the screen. To create an array of arrays, create the "inner" arrays first and then use them to populate the "outer" array. The following JavaScript example creates a 5x5 matrix of rows and columns, similar to a game board.
 
columns1 = new Array(5);      
columns2 = new Array(5);   
columns3 = new Array(5);
columns4 = new Array(5);
columns5 = new Array(5);

rows = new Array(5);
rows[0] = columns1;
rows[1] = columns2;
rows[2] = columns3;
rows[3] = columns4;
rows[4] = columns5;

for (i=0; i < 5; i++) { columns1[i] = i; }           // number the columns 1 through 5
for (i=0; i < 5; i++) { columns2[i] = i + 5; }     // number the next row of columns 6 through 10
for (i=0; i < 5; i++) { columns3[i] = i + 10; }   // and so on
for (i=0; i < 5; i++) { columns4[i] = i + 15; }
for (i=0; i < 5; i++) { columns5[i] = i + 20; }
Now you can refer to any spot on the board by its x and y coordinates; rows[2][3] refers to spot number 14, three rows from the top and four from the left (because arrays begin numbering at zero).
Steve Renaker
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
×
We have made updates to our Privacy Policy to reflect the implementation of the General Data Protection Regulation.
Thanks for your registration, follow us on our social networks to keep up-to-date