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, andreduceare powerful for transforming and analyzing arrays. - Avoid using
for...inloops 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: