Menu
Coddy logo textTech

Метод Map

Часть раздела Логика и поток путешествия по JavaScript на Coddy — урок 52 из 65.

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

Базовый синтаксис:

let newArray = arr.map(function(currentValue, index, array) {
    // возвращаем элемент для newArray
});

Вот простой пример:

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

Вот тот же пример с более коротким синтаксисом:

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

Метод map() не изменяет исходный массив. Он всегда возвращает новый массив.

challenge icon

Задание

Легко

Создайте функцию с именем formatNames, которая принимает массив имен (строк) в качестве аргумента. Функция должна использовать метод map(), чтобы преобразовать каждое имя так, чтобы оно было в формате title case (первая буква каждого слова заглавная, остальные — строчные). Верните новый массив отформатированных имен.

Шпаргалка

Метод map() создает новый массив, вызывая функцию для каждого элемента исходного массива:

let newArray = arr.map(function(currentValue, index, array) {
    // возвращаем элемент для newArray
});

Пример со стрелочной функцией:

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

Метод map() не изменяет исходный массив и всегда возвращает новый массив той же длины.

Попробуйте сами

function formatNames(names) {
    return names.map(name => {
        // Напишите свой код здесь
    })
}
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Логика и поток