JavaScript Arrays — Working With Data Collections
Lesson Overview
JavaScript arrays allow developers to store multiple values in a single variable. They are
essential for organizing, manipulating, and accessing lists of data.
Lesson Objectives
• Understand what arrays are in JavaScript.
• Create and initialize arrays.
• Access and modify array elements.
• Use common array methods such as push(), pop(), shift(), unshift(), and length.
• Loop through arrays effectively.
Understanding JavaScript Arrays
Arrays are ordered lists of values. Each value has an index starting from 0.
Creating Arrays
Example:
let fruits = ["Apple", "Banana", "Mango"];
Accessing Array Elements
Example:
let colors = ["Red", "Green", "Blue"];
[Link](colors[0]);
[Link](colors[2]);
Modifying Array Elements
Example:
let numbers = [10, 20, 30];
numbers[1] = 25;
[Link](numbers);
Common Array Methods
Adding Items
let animals = ["Dog", "Cat"];
[Link]("Bird");
[Link]("Fish");
Removing Items
let items = ["Pen", "Paper", "Eraser"];
[Link]();
[Link]();
Finding Array Length
let letters = ["A", "B", "C", "D"];
[Link]([Link]);
Looping Through Arrays
Using for Loop
let cars = ["Toyota", "Honda", "Nissan"];
for (let i = 0; i < [Link]; i++) {
[Link](cars[i]);
}
Using forEach()
let names = ["Sam", "Lily", "John"];
[Link](function(name) {
[Link](name);
});
Summary
Arrays store multiple values in one variable. They use zero-based indexing and provide
methods for adding, removing, and modifying items. Loops and forEach() allow efficient
processing.