JavaScript · JavaScript Beginner

JavaScript Arrays

Run this in the Online JavaScript editor

Hello, future JavaScript programmers!

Let's explore the idea of arrays now that we have explored the world of functions. Whether organizing and storing multiple elements such as numbers, strings, or other JavaScript objects, arrays are essential.

Understanding Arrays

Arrays in JavaScript are ordered lists of values. Think of them as a row of lockers, where each locker has a unique number, and inside it, you can store a value. The unique number is known as the index, and it starts from 0 in JavaScript.

To declare an array, we use square brackets [], and inside these brackets, we can place our items (or values). For example:

let fruits = ["apple", "banana", "cherry"];

Here, "apple" is at index 0, "banana" is at index 1, and "cherry" is at index 2.

Accessing and Modifying Array Elements

To get a value out of our "locker" (or array), we just need to know its index. If we want the second fruit (banana), we would access it with:

console.log(fruits[1]); // Outputs: banana

And to modify the value:

fruits[1] = "blueberry";
console.log(fruits[1]); // Outputs: blueberry

Exercise

Now, let's get hands-on with arrays:

  • Array Declaration: Create an array called colors with at least three different colors as string values.
  • Accessing: Print out the second color in your array.
  • Modifying: Change the third color in the array to "purple".
  • Adding Items: Use the push method to add "orange" to the end of the array.
  • Removing Items: Use the pop method to remove the last color from the array.
  • Testing: Log the entire array to view the changes you've made.

This exercise provides a foundational understanding of how to create, access, and manipulate arrays in JavaScript.

Conclusion

Bravo! The underlying idea of JavaScript arrays, which offer various ways to store, access, and manipulate lists of data, has been successfully explored by you. You'll be well on your way to learning more intricate data structures once you have this understanding.

Always remember that practice makes perfect, so explore with arrays, try out various techniques, and discover the many ways they can improve your coding career.

This website uses cookies to ensure you get the best experience on our website.