Array Methods.

In my previous article i talked about array fundamentals and how to perfom some simple actions on arrays, you can check it out here.

This article is a continuation of the previous one, and today we are going to talk about some common javascript array methods.

let's jump straight to it.

Converting arrays to strings.

This can be useful when you want to turn an array into a string.

const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
console.log(fruits.toString());

Join Method

an alternative way is to use the join method which gives you more freedom regarding what kind of separator you want to use, unlike the toString() method which limits you to a comma.

// Behaves like toString but in turn you can specify the separator.
console.log(fruits.join(' * '));

Adding and removing Elements in array.

There are several ways to add and remove elements in array. in this section i will just highlight some examples since, i wrote a blog about this in depth which explains which is better and why ? you can check it out.

Popping and pushing.

// Popping

const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.pop();
console.log(fruits);

// Pushing

const cars = ['toyota', 'Lambo', 'benz'];
cars.push('bimmer');
console.log(cars);

Shifting and unshifting.

Shifting is equivalent popping, but working on the first element instead of the last

const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.shift();
console.log(fruits);

unshift, adds a new element to an array at the beginning.

fruits.unshift('Lemon');
console.log(fruits);

Merging Arrays.

Concat(): creates a new Array by merging existing arrays.

const myGirls = ['Cecile', 'Lone'];
const myBoys = ['Emil', 'Tobias', 'Linus'];

const myChildren = myGirls.concat(myBoys);
console.log(myChildren);

Merging more than two arrays.

const arr1 = ['Cecilie', 'Lone'];
const arr2 = ['Emil', 'Tobias', 'Linus'];
const arr3 = ['Robin', 'Morgan'];

const myChildren2 = arr1.concat(arr2, arr3);
console.log(myChildren2);

Conclusion.

Now this marks the first half of all the array methods i wanted us to go through, the idea is to keep the blogs short to allow you room to comprehend while playing around with them.

in my next article we will talk about the rest of the methods.

Happy Coding Nerds 🤓.