Welcome, my dear coders! I hope you are all having a great day. Today I moved to another city, everything went great! In this chapter, we will start working on JavaScript arrays🚀

Connect with me!

The JavaScript array is a list-like object whose prototype has methods to perform traversal and mutation operations.

Let's represent an array visually! 👀

• Creating an array
• Access an array item using the index position
• Loop over an array
• Add an item to the end of an array
• Remove an item from the end of an array
• Remove an item from the beginning of an array
• Add an item to the beginning of an array
• Find the index of an item in the array
• Remove an item by index
• Remove multiple items by index
• Copy array
• Filter array
• Map array
• Reduce array

I will, again, use superheroes in my examples.

let superheroes = ["Iron Man", "Hulk", "Thor", "Black Widow", "Black Panther"]

This is an array with the name "superheroes" and it is an array that contains strings.

Items in an array are separated with commas. Each item has an index:

Iron Man - 0
Hulk - 1
Thor - 2
Black Widow - 3
Black Panther - 4

Our superhero array has 5 items, that are indexed 0 to 4. If you don't believe me let's try it! 🚀

You can access each item in an array using a bracket notation with a specific index of an item.

If you want to access an item using an index, you obviously need to know the exact position of an item in an array.

Let's access some of our superheroes:

Like so we accessed the first element (at index 0) and the fourth element (at index 3).

In almost any situation when working with arrays, at some point, you will have to loop through an array and manipulate it or something similar. There are multiple ways you can loop through an array, but I will stick to the school example, let's learn the FOR loop.

We will loop over an array of superheroes and print out each superhero.

Let's add our new superhero!

And let's remove Captain A.😂

Let's find an index of a black widow.

Let's remove an item on an index position of two.

The first parameter of the splice function is the position, and the second parameter is how many elements, starting from that position, should we remove (in this case only 1 element).

Let's remove two elements, starting from index 2.

Thank you for reading my blogs. In this chapter, we started with the very basics of creating and manipulating javascript arrays, there is much more to it than this, but we will go step by step, please try these examples, try creating and manipulating arrays.