map in 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

4.5

Holmes ultra-limp 100 points

                                    let myMap = new Map()

let keyString = 'a string'
let keyObj    = {}
// setting the values
myMap.set(keyString, &quot;value associated with 'a string'&quot;)
myMap.set(keyObj, 'value associated with keyObj')
myMap.set(keyFunc, 'value associated with keyFunc')
myMap.size              // 3
// getting the values
myMap.get(keyString)    // &quot;value associated with 'a string'&quot;
myMap.get(keyObj)       // &quot;value associated with keyObj&quot;
myMap.get(keyFunc)      // &quot;value associated with keyFunc&quot;

Thank you! 6

4.5 (6 Votes)

Jenny Chamorro 95 points

                                    swarna
raju
mano
swa
hys
kil
des
rohit
swaru

Thank you! 0

AgosGag 115 points

                                    // Use map to create a new array in memory. Don't use if you're not returning
const arr = [1,2,3,4]

// Get squares of each element
const sqrs = arr.map((num) =&gt; num ** 2)
console.log(sqrs)
// [ 1, 4, 9, 16 ]

//Original array untouched
console.log(arr)
// [ 1, 2, 3, 4 ]

Thank you! 1

5 (1 Votes)

3.7

KnewB 90 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! 10

3.7 (10 Votes)

3.7

Rrr Ppp 110 points

                                    ['elem', 'another', 'name'].map((value, index, originalArray) =&gt; { 
  console.log(.....)
});

Thank you! 10

3.7 (10 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Other

Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
Other 2022-03-27 22:45:24 income of a web developer
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
Other 2022-03-27 22:30:45 rick roll embed code
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
Other 2022-03-27 22:20:05 iterative power
Other 2022-03-27 22:15:11 flutter run all
Other 2022-03-27 22:10:05 when is karlson release
Other 2022-03-27 22:10:02 wp .htaccess example
Other 2022-03-27 22:00:08 bash pause in file read line by line

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

map in javascript

Welcome Back!

Create a Free Account