Javascript Methods that will boost your skills

 Here are the Javascript Methods that will boost your skills.

1. Spread Operator

    const favoriteFood = ['🌭', '🍕', '🍟'];

    console.log(...favoriteFood,'🥞');

    //🌭 🍕 🍟 🥞

The Spread Operator expands an array into its elements. It also is used for object literals.

2. FOR...OF ITERATOR

    const persons = ['👩', '👨', '👧', '🧒', '👶'];

    for (const item of persons) {

        console.log(item);

    }

    //👩

    //👨

    //👧

    //🧒

    //👶

    

The for...of statement loops through the collection, and provides you the ability to modify specific items. It replaces the conventional way of doing a for-loop

3. Includes Method

    const persons = ['👩', '👨', '👧', '🧒', '👶'];

    const findPerson = persons.includes('👩');

    console.log(findPerson);

    //true

The includes() method is used to check if a specific string exists in a collection, and returns true or false. Keep in mind that it is case sensitive: if the item inside the collection is NAME, and you search for a NAME, it will return false.

4. Includes Method

    const age = [20, 21, 22];

    age.some(person => person => 22)

    //true

The some() method checks if some elements exist in an array and return true or false. This is somewhat similar to the concept of the includes() method, except the arguments in a function and a string

5. Every Method

    const age = [20, 21, 22];

    age.every(person => person => 22)

    //true

The every() method loops through the array, checks every item, and returns true or false. Some concepts as some(). Except for every item must satisfy the conditional statement, otherwise, it will return false.

6. Filter Method

    const prices = [20, 30, 15, 55, 40, 10];

    prices.filter(price => price >= 30)

    //[30,55,40]

 The filter() method creates a new array with an element that passes the test.

7. Map Method

    const priceList = [100, 850, 2500, 55000];

    priceList.map(price => price * 50);

    

    //[5000, 42500, 125000, 2750000]

    

The map() method is similar to the filter() method in terms of returning a new array. However, the only difference is that it is used to modify items.

7. Reduce Method

    const array = [100, 200, 300, 400, 5000, 13000]

    array.reduce((first, last) => first + last)

    //19000

The reduce() method can be used to transform an array into something else, which could be an integer, an object, a chain of promises (sequential execution of promises), etc. For practical reasons, a simple use case would be to sum a list of integers. In short, it reduces the whole array into one value.

Thanks for reading.... 👏👏👏

JavaScript Array Functions Cheat Sheet Part 1