Introduction to Arrays in JavaScript
November 1, 2018 Tanmay Sakpal 0 Comments arrays in javascript, javascript arrays
JavaScript arrays are used to store multiple values in a single variable. An array in
JavaScript can hold different elements We can store Numbers, Strings and Boolean in a
single array. Also arrays in JavaScript are dynamic in nature, which means its size can
increase or decrease at run time.
Syntax –
Use the following syntax to create an Array object −
1var fruits = [ "apple", "orange", "mango" ];
2var fruits = new Array( "apple", "orange", "mango" ); // another way but
not prefered
Access the Elements of an Array –
You access an array element by referring to the index number. This statement accesses the
value of the first element in cars:
1var cars = ["Saab", "Volvo", "BMW"];
2var name = cars[0];
Access the Full Array –
With JavaScript, the full array can be accessed by referring to the array name:
1var cars = ["Saab", "Volvo", "BMW"];
2document.write("<h2>"+cars[i]+"</h2>");
The length Property –
The length property of an array returns the length of an array (the number of array elements).
1var fruits = ["Banana", "Orange", "Apple", "Mango"];
2fruits.length; // the length of fruits is 4
Looping Array Elements –
The safest way to loop through an array, is using a “for” loop:
1var fruits, text, fLen, i;
2fruits = ["Banana", "Orange", "Apple", "Mango"];
3fLen = fruits.length;
4
5text = "<ul>";
6for (i = 0; i < fLen; i++) {
7 text += "<li>" + fruits[i] + "</li>";
8}
9text += "</ul>";