JavaScript Arrays 101
In JavaScript, an array is simply a collection of data stored in a single variable. It is hard to impossible to store large amount of data in different variables. And this where array comes in picture. Arrays help us store and manage multiple pieces of data in an organized way.
Why Do We Need Arrays?
It is hard and inefficient to store large amounts of related data in different variables.
For example:
let fruit1 = "Apple";
let fruit2 = "Banana";
let fruit3 = "Mango";
This approach becomes difficult to manage when the number of items increases.
Instead, we can use an array:
let fruits = ["Apple", "Banana", "Mango"];
Now all related data is stored inside one variable, which makes the code cleaner and easier to work with.
Creating an Array
Arrays are created using square brackets [].
Example:
let fruits = ["Apple", "Banana", "Mango"];
In this array:
"Apple"is the first element"Banana"is the second element"Mango"is the third element
Arrays can store different types of values as well.
Example:
let data = ["Sam", 25, true];
Accessing Elements Using Index
Each value inside an array has a position called an index.
Important thing to remember:
Array indexing starts from 0 in JavaScript.
Example:
let fruits = ["Apple", "Banana", "Mango"];
console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);
Output:
Apple
Banana
Mango
Updating Elements in an Array
We can update an element by assigning a new value to its index.
Example:
let fruits = ["Apple", "Banana", "Mango"];
fruits[1] = "Orange";
console.log(fruits);
Output:
["Apple", "Orange", "Mango"]
Here we changed "Banana" to "Orange".
Array Length Property
JavaScript arrays have a built-in property called length. It tells us how many elements are inside the array.
Example:
let fruits = ["Apple", "Banana", "Mango"];
console.log(fruits.length);
Output:
3
This means the array contains 3 elements.
Looping Through an Array
Very often we need to access all elements of an array. Instead of writing multiple console statements, we can use a loop.
One common way is using a for loop.
Example:
let fruits = ["Apple", "Banana", "Mango"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
Output:
Apple
Banana
Mango
The loop starts from index 0 and continues until it reaches the end of the array.
Real-World Example
Imagine storing marks of a student.
let marks = [75, 80, 92, 68];
console.log(marks[0]);
console.log(marks[2]);
Output:
75
92
Summary
Arrays are one of the most commonly used data structures in JavaScript. They allow us to store multiple values in a single variable and access them using indexes. By understanding how to create arrays, access elements, update values, check their length, and loop through them, we can handle collections of data much more efficiently in our programs.
