Arrays Basics

An array is an ordered list that can contain primitive and complex data types. To declare a variable that contains an empty array, you use square brackets with nothing between them.

var a = [];
typeof a;

typeof returns "object", but don't worry about this for the time being, we will get to that when we take a closer look at objects.

To define an array that has three elements, you do this.

var a = [1,2,3];

When you simply type the name of the array in the console, it prints the contents of the array.

[1, 2, 3]

Array is simply a list of values. Instead of using one variable to store one value, you can use one array variable to store any number of values as elements of the array.

To access each of these stored values?

The elements contained in an array are indexed with consecutive numbers starting from zero. The first element has index (or position) 0, the second has index 1 and so on. Here's the three-element array from the previous example.


In order to access an array element, you specify the index of that element inside square brackets. So a[0] gives you the first element of the array a, a[1] gives you the second, and so on.


Adding/Updating Array Elements

Using the index, you can update elements of the array. The next example updates the third element (index 2) and prints the contents of the new array.

a[2] = 'three';

[1, 2, "three"]

You can add more elements, by addressing an index that didn't exist before.

a[3] = 'four';
[1, 2, "three", "four"]

If you add a new element, but leave a gap in the array, those elements in between are all assigned the undefined value. Check out this example:

var a = [1,2,3];
a[6] = 'new';

[1, 2, 3, undefined, undefined, undefined, "new"]
Deleting Elements

In order to delete an element, you can use the delete operator. It doesn't actually remove the element, but sets its value to undefined. After the deletion, the length of the array does not change.

var a = [1, 2, 3];
delete a[1];

[1, undefined, 3]
Arrays of arrays

An array can contain any type of values, including other arrays.

var a = [1, "two", false, null, undefined];
[1, "two", false, null, undefined]

a[5] = [1,2,3]
[1, 2, 3]
[1, "two", false, null, undefined, [1, 2, 3]]
Related Tutorial
Follow Us #
Contents +