Introduction to Arrays in JavaScript

What is an Array?

An array is a special variable that can hold more than one value at a time. Instead of declaring multiple variables, you can store all related values inside an array.

Arrays in JavaScript are zero-indexed, meaning the first element is accessed with index 0.

• Arrays can hold values of any type: numbers, strings, objects, or even other arrays.
• Elements are ordered and can be accessed by their index.
• Arrays are dynamic in size; you can add or remove elements anytime.

Creating Arrays

You can create arrays in JavaScript using square brackets or the Array constructor.

The most common way is using square brackets with comma-separated values.

• Using literal syntax: let fruits = ['apple', 'banana', 'cherry'];
• Using constructor: let numbers = new Array(1, 2, 3);

Accessing and Modifying Array Elements

You access array elements by their index using square brackets.

You can modify elements by assigning new values to specific indexes.

• Access example: fruits[0] returns 'apple'.
• Modify example: fruits[1] = 'blueberry'; changes 'banana' to 'blueberry'.

Common Array Methods

JavaScript arrays come with many built-in methods to manipulate data easily.

• push(): Adds an element to the end.
• pop(): Removes the last element.
• shift(): Removes the first element.
• unshift(): Adds an element to the beginning.
• length: Property to get the number of elements.