array map javascript

const myArray = ['Sam', 'Alice', 'Nick', 'Matt'];

// Appends text to each element of the array
const newArray = myArray.map(name => {
	return 'My name is ' + name; 
});
console.log(newArray); // ['My name is Sam', 'My Name is Alice', ...]

// Appends the index of each element with it's value
const anotherArray = myArray.map((value, index) => index + ": " + value);
console.log(anotherArray); // ['0: Sam', '1: Alice', '2: Nick', ...]

// Starting array is unchanged
console.log(myArray); // ['Sam', 'Alice', 'Nick', 'Matt']

View another examples Add Own solution

David Messulam 85 points

                                    const posts = [
  { id: 1, title: &quot;Sample Title 1&quot;, description: &quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit...&quot; },
  { id: 2, title: &quot;Sample Title 2&quot;, description: &quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit...&quot; },
  { id: 3, title: &quot;Sample Title 3&quot;, description: &quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit...&quot; },
];
// ES2016+
// Create new array of post IDs. I.e. [1,2,3]
const postIds = posts.map((post) =&gt; post.id);
// Create new array of post objects. I.e. [{ id: 1, title: &quot;Sample Title 1&quot; }]
const postSummaries = posts.map((post) =&gt; ({ id: post.id, title: post.title }));

// ES2015
// Create new array of post IDs. I.e. [1,2,3]
var postIds = posts.map(function (post) { return post.id; });
// Create new array of post objects. I.e. [{ id: 1, title: &quot;Sample Title 1&quot; }]
var postSummaries = posts.map(function (post) { return { id: post.id, title: post.title }; });

Thank you! 7

4 (7 Votes)

Slebetman 120 points

                                    const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x =&gt; x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

Thank you! 4

4 (4 Votes)

Fantastic Jam 90 points

                                    array.map((item) =&gt; {
  return item * 2
} // an example that will map through a a list of items and return a new array with the item multiplied by 2

Thank you! 10

4 (10 Votes)

4.33

Mohannad El-Nesr 80 points

                                    function listFruits() {
  let fruits = [&quot;apple&quot;, &quot;cherry&quot;, &quot;pear&quot;]
  
  fruits.map((fruit, index) =&gt; {
    console.log(index, fruit)
  })
}

listFruits()

// https://jsfiddle.net/tmoreland/16qfpkgb/3/

Thank you! 9

4.33 (9 Votes)

4.13

Lxhgy 115 points

                                    const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x =&gt; x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

Thank you! 8

4.13 (8 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

array map javascript

Welcome Back!

Create a Free Account