js работа с массивами с помощью метода map

У нас есть массив из объектов списка пользователей. Нужно занести в новый массив их имена. Это можно сделать с помощью цикла for либо с помощью метода map.

const users = [
  { name: 'Igor', age: 19 },
  { name: 'Danil', age: 1 },
  { name: 'Vovan', age: 4 },
  { name: 'Matvey', age: 16 },
];

const result = [];
for ( const  {name} of users) {
  result.push(name);
}
console.log(result); // Array(4) [ "Igor", "Danil", "Vovan", "Matvey" ]

Тут мы перебираем в цикле эти 4 объекта и берем из каждого только name которое заносим в новым массив result.
Более короче можно тоже самое записать через map:

const users = [
  { name: 'Igor', age: 19 },
  { name: 'Danil', age: 1 },
  { name: 'Vovan', age: 4 },
  { name: 'Matvey', age: 16 },
];

const result1 = users.map ( (obj) => '*' + obj.name);
console.log(result1); // Array(4) [ "*Igor", "*Danil", "*Vovan", "*Matvey" ]

Здесь метод map будет внутри себя как и for перебирать все элементы массива и передавать каждый элемент массива (а у нас это объект) в анонимную функцию, которая будет возвращать поле name из этого объекта и добавлять вначало звездочку.

Типичный пример метода map обычно выглядит так:

const numbers = [5, 2, 3];
const newNumbers = numbers.map((number) => number ** 2);
console.log(newNumbers); // => [25, 4, 9]