Can you give me more examples of using map in JavaScript?

Can you give me more examples of using map in JavaScript?

Sure! The map function creates a new array by applying a function to each element of an existing array. For example, if you have an array of numbers and you want to double each number, you can do it like this:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

That's great! Can you show me another example with objects?

Absolutely! If you have an array of objects and you want to extract a specific property, you can use map like this:

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];
const names = users.map(user => user.name);
console.log(names); // ['Alice', 'Bob', 'Charlie']

Can I use map with asynchronous functions?

The map function itself is synchronous, but you can use it with asynchronous functions by combining it with Promise.all. Here's an example:

const fetchData = async (id) => {
  // Simulate an API call
  return new Promise(resolve => setTimeout(() => resolve(`Data for ${id}`), 1000));
};

const ids = [1, 2, 3];
const results = await Promise.all(ids.map(id => fetchData(id)));
console.log(results); // ['Data for 1', 'Data for 2', 'Data for 3']