JavaScript .map() method🚀

The .map() method is a built-in JavaScript method that allows you to create a new array with the results of calling a provided function on every element in the original array. It essentially creates a new array by performing an operation on each element of the original array.

Here’s the basic syntax of the .map() method:

array.map(function(currentValue, index, arr), thisValue)

• function(currentValue, index, arr) is the function that will be executed on every element of the array.
• currentValue is the value of the current element being processed.
• index is the index of the current element being processed.
• arr is the original array that the .map() method was called on.
• thisValue is an optional parameter that can be used to set the this value in the callback function.

Here’s an example of how to use the .map() method:

const numbers = [1, 2, 3, 4, 5];

const squaredNumbers = numbers.map(function(number) {
  return number * number;
});

console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]

In this example, we have an array of numbers. We then use the .map() method to create a new array called squaredNumbers, which contains the squares of each number in the original array. The callback function takes in one parameter number, which is the current value of the element being processed. The return value of the callback function is then added to the new array.

Another example of using the .map() method is to transform an array of objects into an array of a specific property of those objects. Here's an example:

const users = [
  { name: "John", age: 30 },
  { name: "Mary", age: 25 },
  { name: "Peter", age: 40 }
];

const names = users.map(function(user) {
  return user.name;
});

console.log(names); // Output: ["John", "Mary", "Peter"]

In this example, we have an array of user objects with name and age properties. We use the .map() method to create a new array called names, which contains only the names of each user. The callback function takes in one parameter user, which is the current value of the element being processed. The return value of the callback function is the name property of the user object.

In summary, the .map() method is a powerful tool for transforming arrays into new arrays with modified data. It's a useful method to have in your JavaScript toolkit.

Thanks for reading!

I hope, you found this article useful. If you have any questions or suggestions, please leave comments. Your feedback helps me to become better.

Don’t forget to subscribe⭐️

Facebook Page: https://www.facebook.com/designTechWorld1

Instagram Page: https://www.instagram.com/techd.esign/

Youtube Channel: https://www.youtube.com/@tech..Design/

Twitter: https://twitter.com/sumit_singh2311