JavaScript Arrays for Beginners 🚀

When I started learning JavaScript, arrays were one of the first concepts I learned. Arrays are very useful when we need to store multiple values in a single variable.

What is an Array?

An array is a collection of multiple values.

let fruits = ["Apple", "Banana", "Mango"];

console.log(fruits);

Output:

["Apple", "Banana", "Mango"]

Instead of creating three different variables, we can store everything inside one array.

Accessing Array Elements

Array indexing starts from 0.

let fruits = ["Apple", "Banana", "Mango"];

console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);

Output:

Apple
Banana
Mango

Remember:

First element → index 0
Second element → index 1

Adding Elements
push()

Adds an element to the end.

fruits.push("Orange");

console.log(fruits);
unshift()

Adds an element to the beginning.

fruits.unshift("Grapes");

console.log(fruits);
Removing Elements
pop()

Removes the last element.

fruits.pop();
shift()

Removes the first element.

fruits.shift();
Finding the Array Length

Use .length to find how many elements are inside the array.

let numbers = [10, 20, 30, 40];

console.log(numbers.length);

Output:

4
Looping Through an Array

We can use a for loop to access every element.

let numbers = [10, 20, 30, 40];

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

Output:

10
20
30
40