X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | W3C-CN | ABOUT

JavaScript Arrays


JavaScript arrays are used to store multiple values in a single variable.


Displaying Arrays

In this tutorial we will use a script to display arrays inside a <p> element with id="demo":

Example

<p id="demo"></p>

<script>
var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;
</script>

The first line (in the script) creates an array named cars.

The second line "finds" the element with id="demo", and "displays" the array in the "innerHTML" of it. 


Try it Yourself

Create an array, and assign values to it:

Example

var cars = ["Saab", "Volvo", "BMW"];

Try it Yourself »

Spaces and line breaks are not important. A declaration can span multiple lines:

Example

var cars = [
    "Saab",
    "Volvo",
    "BMW"
];

Try it Yourself »

Note Don't put a comma after the last element (like "BMW",). It is inconsistent across browsers.


What is an Array?

An array is a special variable, which can hold more than one value at a time.

If you have a list of items (a list of car names, for example), storing the cars in single variables could look like this:

var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

However, what if you want to loop through the cars and find a specific one? And what if you had not 3 cars, but 300?

The solution is an array!

An array can hold many values under a single name, and you can access the values by referring to an index number.


Creating an Array

Using an array literal is the easiest way to create a JavaScript Array.

Syntax:

var array-name = [item1, item2, ...];      

Example:

var cars = ["Saab", "Volvo", "BMW"];


Using the JavaScript Keyword new

The following example also creates an Array, and assigns values to it:

Example

var cars = new Array("Saab", "Volvo", "BMW");