Метод 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() не изменяет исходный массив. Он всегда возвращает новый массив.
Задание
ЛегкоСоздайте функцию с именем 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 => {
// Напишите свой код здесь
})
}
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Логика и поток
1Строки в деталях
Основы работы со строкамиИтерация по строкамШаблонные литералыМетоды строкИтоги — String Weaver4JSON Часть 2
Итерация по JSONВложенный JSONОпциональная цепочка JSONПоверхностное и глубокое копированиеПовторение — Магазин велосипедовПовторение — Солнечная система7Система управления библиотекой
Обзор проектаДобавление книг10Управление системой фестиваля
Обзор проектаДобавление фильмов и площадок2Многомерные массивы
Основы 2D массивовДоступ к элементам 2D массиваВложенные циклы и 2D массивыПовторение: 2D массивыСложение и вычитание матрицСтупенчатые массивы3D массивы и далееРаспространенные паттерны 2D массивовПовторение: всё о массивах5Множества. Часть 1
Что такое множество?Итерация по множествамДобавление элементаУдаление элементаПроверка наличия элементаРазмер и проверка на пустотуКопирование и очисткаИтоги — Основы множеств8Интересные темы о массивах
Деструктуризация массивовСинтаксис Spread в массивахРазреженные массивыИтоги — Воркшоп по массивам3JSON. Часть 1
Что такое JSON?Проверка наличия ключаМетоды объектовОператор spread. Часть 1Оператор spread. Часть 2Удаление ключейПовторение: манипуляции с ключами JSON