What is JavaScript Arrays? See Example and Explanation

In JavaScript, arrays are used to store multiple values in a single variable. Arrays are versatile and can hold any type of data, including numbers, strings, objects, and even other arrays.

1. Creating Arrays

You can create arrays in multiple ways:

// Using square brackets
let colors = ["red", "green", "blue"];

// Using Array constructor
let numbers = new Array(1, 2, 3, 4, 5);

console.log(colors[0]); // Output: red

Arrays are zero-indexed, meaning the first element is at index 0.

2. Array Properties and Methods

Arrays have built-in properties and methods to manipulate data:

let fruits = ["apple", "banana", "mango"];

// Length of array
console.log(fruits.length); // 3

// Add element at the end
fruits.push("orange");

// Remove element from the end
fruits.pop(); 

// Add element at the beginning
fruits.unshift("strawberry");

// Remove element from the beginning
fruits.shift();

// Find index of an element
console.log(fruits.indexOf("banana")); // 1

3. Iterating Through Arrays

You can loop through arrays using different techniques:

let numbers = [1, 2, 3, 4, 5];

// Using for loop
for(let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}

// Using forEach method
numbers.forEach(num => console.log(num));

// Using for...of loop
for(let num of numbers) {
    console.log(num);
}

4. Multi-dimensional Arrays

Arrays can contain other arrays, creating a 2D or multi-dimensional structure:

let matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

console.log(matrix[1][2]); // Output: 6

5. Practical Tips

Use arrays to store lists of related data, like users, products, or tasks.
Methods like map, filter, and reduce are powerful for transforming and analyzing arrays.
Avoid using for...in loops for arrays — they are meant for objects.

Mastering arrays is essential for data storage, manipulation, and iteration, forming the backbone of many JavaScript applications.

Citations: