JavaScript Arrays 101

The Story

Riya is a computer science student preparing for her exams . One evening she sits down with a cup of chai and decides to organize her study plan for the week .

She opens her diary and writes :

• Study JavaScript

• Revise Operating Systems

• Practice Data Structures

• Watch AI lecture

• Solve Coding Problems

• Complete Writing Blogs

Everything looks organized.

But then she thinks :

"What if I store them into a program instead of writing them on a diary."

Her first attempt looks like :

let task1 = "Study JavaScript"; 
let task2 = "Revise Operating Systems"; 
let task3 = "Practice Data Structures";
let task4 = "Watch AI lecture"; 
let task5 = "Solve Coding Problems";
let task6 = "Complete Writing Blogs";

At first it looks ok but imagine what if she wants to write 50 tasks .

Managing "task1" , "task2", "task3",....... would be very tiring and will look confusing .

That's when one of her senior tells her about something helpful in JavaScript : Arrays

What is an Array ?

An array is simply a collection of values stored in order inside a single variable.

Instead of storing every task separately, Riya can write:

let tasks = [
     "Study JavaScript", 
     "Revise Operating Systems", 
     "Practice Data Structures", 
     "Watch AI lecture", 
     "Solve Coding Problems", 
     "Complete writing blogs"
  ];

Here , you can see everything is arranged neatly in a single variable named tasks .

Why do we need Array ?

After looking at the above example the answer is very clear , we need array to arrange different elements of same kind organised together in order under a single variable .

• Needs less code ,

• Program looks neat and organized ,

• Applying loops on array is easier .

How to create an Array ?

Basic methods to create an Array :

1. By using [] :

let tasks = [ task1, task2, ....]

1. By using Array () Constructor :

let tasks = new Array( task1, task2, ....)

Accessing Elements Using Index

Inside an array, every element has a position number called an index.

Most important thing you should know about indexing is that : In Arrays , index starts with 0 .

Now Imagine, Riya wants to access her first task from her tasks list , she can simply do

console.log(tasks[0]);
// Study JavaScript

next she wants to get her 3rd task , so starting from 0 , 3rd task would be at 2nd position :

console.log(tasks[2]);
// Practice Data Structures

Updating Elements :

Now , there is some more tasks appear and Riya wants to update her list with those tasks , so she can simply push those tasks into the tasks array using some array methods :

Inserting new task at the last position :

tasks.push("Complete Assignments");
console.log(tasks);

Inserting new task at the first position (priority work) :

tasks.unshift("Do Assignments from github Classroom");
console.log(tasks);

Wants to replace a task :

tasks[2] = "Practice JavaScript Coding";
console.log(tasks);

You can also try more methods like pop() , shift(), splice() for array updation .

Array Length Property :

Imagine today is Saturday , now Riya wonders how many tasks she had left to do this week .

So for this she can use length property , which will return the number of elements present in the Array .

console.log(tasks.length);

Looping Through Arrays :

Now imagine Riya wants to print all her tasks one by one.

Instead of writing many console.log() statements, she can use a loop , it will make repetitive task easier .

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

//Output:
//Study JavaScript
//Revise Operating Systems
//Practice JavaScript Coding
//Watch AI lecture
//Solve Coding Problems
//Complete Writing Blogs

This process is called iterating through an array.

Conclusion

Arrays are one of the most important foundations of JavaScript.

Once you understand arrays, you unlock the ability to manage large collections of data efficiently.

And just like Riya’s study plan, arrays help transform chaotic data into organized lists.