3 Js ES6 methods explained

This blog will explain 3 different ES6 methods used for performing different functions in JS. The first method which I will explain will be the map()method. The map() method automatically creates a new array, eliminating the need for the coder to add a whole bunch of extra unnecessary code to turn out a new array. This said method is very useful for when the coder does not want to mutate the original, OG array, or wants to keep a large amount of raw data stored in an array or array of objects safe, without taking the unnecessary risk of mutating the original array. For an example, if you had an array of all the raw data for a computer game and wanted to test out what would happen if you tried different kinds of methods on it. Here is an example of the syntax:

In the above snippet of code, the console should read (2, 4, 6). An alternative to map() is the es6 method known as forEach(). This es6 method is similar to map(), but instead of creating a brand new array, this method will actually mutate the original array, that is, change it. This method is very useful for when the coder wants to dynamically change the contents of an array without having to create a bunch of confusing new arrays. For example, if you have an array of attributes for a video game character and then the character levels up one of its attributes. Syntax below:

The above snippet will return each of the elements in the array, one at a time. A third method which I will go over today is the filter() method. The filter() method allows developers to quickly and easily filter through an array of data and leave only the items that fulfill a certain condition. for example, if there was an array of numbers, the filter() method could go through that array and then return only the numbers that are less than or equal to, say, 10. This method could be useful for coders who want to check which of the users are authorized to access a certain feature or page of a website, or for displaying only game scores higher than 80 on a leaderboard. Below is the syntax:

The fourth method which I will bring up is the every() method. The every() method is used to return either true or false(a boolean). If all the items in an array fulfill a certain condition, it will return as true. If even one of the items does not fulfill the said conditions, then it will return as false. This method is useful for when you want to make sure that all the items in the array have a certain value. For example, you might want to use this method to check if the player of your computer game has successfully completed all the necessary objectives to unlock the next stage. Syntax:

These four methods are 4 very useful new ways to get things done in es6. I hope you found this article helpful.

Related posts:

They are not hindered by the old paradigm of doing things, they aren’t even aware of the old paradigm. When everyone’s most hated grandpa bought Myspace in 2005, Facebook ate their lunch by 2008…

Unlike Persephone and T, I never dated Brent. I wasn’t abused by him. I was part of a social environment that was shaped by Brent to keep a certain type of person close to him. I met Brent in 2015…