- Watch full video
- ✕This summary was generated using AI based on multiple online sources. To view the original source information, use the "Learn more" links.
The map function in JavaScript is a powerful method that allows you to create a new array by applying a function to each element of an existing array. This method is particularly useful for transforming data in a concise and readable manner.
Basic Usage
The map function takes a callback function as an argument. This callback function is executed for each element in the array, and its return value is added to the new array. Here is a simple example:
const numbers = [1, 2, 3, 4];const doubled = numbers.map(num => num * 2);console.log(doubled); // Output: [2, 4, 6, 8]Copied!✕CopyIn this example, the map function multiplies each element in the numbers array by 2 and returns a new array with the doubled values.
Working with Objects
You can also use the map function to transform arrays of objects. For instance, if you have an array of objects representing people, you can use map to create an array of their full names:
Array.prototype.map () - JavaScript | MDN - MDN Web Docs
- The map() method of Array instances creates a new array populated with the results of calling a provided function on every element in the calling array.
JavaScript Array map () Method - GeeksforGeeks
Jul 11, 2025 · The map () method is an ES5 feature that creates a new array by applying a function to each element of the original array. It skips empty elements and does not modify the original array.
JavaScript Array map () Method
This tutorial shows you how to use the JavaScript Array map () method to transform elements in an array based on a provided function.
JavaScript Map Method – Syntax and Code Examples
Feb 15, 2024 · The Map method in JavaScript is a higher-order function that iterates over each element of an array, allowing you to apply a specified function to each element.
How to Use the JavaScript .map() Method | DigitalOcean
Mar 10, 2026 · Learn how to use the JavaScript .map () method to transform arrays with clear examples, syntax explanations, and practical use cases.
- People also ask
How to Use .map() in JavaScript – Iterate and Transform Arrays Easily
Nov 6, 2025 · Learn how to use the .map () method in JavaScript to iterate over arrays and return transformed results. Includes syntax, examples, and best practices.
JavaScript Map – How to Use the JS .map () Function (Array Method)
Aug 30, 2024 · The .map() method in JavaScript is an invaluable tool for transforming array data. When you need to iterate over an array and change or manipulate the elements in some way, .map() …
JavaScript Array map () Function - codingCourses
The JavaScript Array map () function creates a new array by applying a callback to each element. Learn the concept and explore practical examples to use it …
In JavaScript, what exactly does the array method map do, and how is …
2 days ago · What are the specific scenarios where map () is the best choice compared to a regular for loop? Additionally, I am confused about the Map data structure in JavaScript (the one created with …