Arrays & Looping

Up until now, we have been working with single elements like one button, one paragraph, or one div. But in real websites, you will often need to work with many elements at once. For example, updating all buttons, styling all cards, or deleting all comments.

To do that effectively, you need to understand two related concepts:

1. Arrays - lists of data in JavaScript

2. Looping - going through every item in that list or every element on a page

Arrays in JavaScript

An array is a special type of variable that can store more than one value at a time. Instead of creating a separate variable for each value, you can store them all together inside one array.

Each item in an array has a specific position called an index, and the first item always starts at index 0. This means that if you have three items, their positions are 0, 1, and 2.