top-6-javascript-array-methods-with-examples

Top 6 JavaScript Array Methods with Examples

Hi learners, welcome to DesignWithRehana. In this article I am going to share Top 6 JavaScript Array Methods with examples and PDF. I hope these JavaScript array methods cheat-sheet will be helpful for you.

1. forEach()

This method allows a function to run for each array element. However, it does not execute on empty elements. Instead, it loops through the array items, applying the given function to each one.

Code Example

const givenArray = [1, 2, 3, 4, 5, 6];
givenArray.forEach(function (currentValue) {
    console.log(currentValue);
});
// Expected Output: 1 2 3 4 5 6

2. sort()

sort() JavaScript array method is used to sort the given array. It compares two values and returns the same array as the reference which is now a sorted array.

Code Example

const givenArray = [40, 20, 50, 23, 3, 12];
givenArray .sort()
console.log(givenArray );
// Expected Output: [12, 20, 23, 3, 40, 50]

3. join()

This javascript array method is used to merge all of the array’s items into a string. It also uses a comma (,) to divide the array elements. It won’t change the original array and will not generate a new array. It returns the specified array as a string, that is split by a comma (,) by default.

Code Example

const myEbooks = [‘HTML‘, ‘CSS‘, ‘JavaScript‘, ‘Bootstrap‘, ‘ReactJS‘];

const myEbooksString = myEbooks.join()

console.log(myEbooksString);

//Expected Output: true: HTML,CSS,JavaScript,Bootstrap,ReactJS

4. reverse()

It returns the same array, but the first element moves to the last position, and vice versa. The remaining elements follow the same reversed order.

Code Example

const myEbooks = [‘HTML‘, ‘CSS‘, ‘JavaScript‘, ‘Bootstrap‘, ‘ReactJS‘];
const myEbooksString = myEbooks.reverse()

console.log(myEbooksString);

//Expected Output: true: ReactJS, Bootstrap, JavaScript, CSS, HTML

5. reduce()

This array method is used to perform operations on an array in order to get a single value. It is an iterative process.

Code Example

const myValues= [2, 3, 4, 3, 2, 6, 9, 4, 5]
let sumOfValues = myValues.reduce(function (previousValue, currentValue) {
    return previousValue + currentValue;
}, 0)
console.log(sumOfValues);

 

// Expected Output:  38

6. map()

This JavaScript array method iterates over an array and calls a function on each element. The function then returns a new array with modified values.

Code Example

const myEbooks= [‘HTML’, ‘CSS’, ‘JavaScript’, ‘Bootstrap’];
myEbooks.forEach(function (currentValue) {
    console.log(currentValue);
});

// Expected Output:

/*
0 HTML
1 CSS
2 JavaScript
3 Bootstrap
*/

To download PDF of above, Click below

Download Now

Leave a Comment