Эта статья о JavaScript будет интересной. Потому что в этой статье мы узнаем о функции JavaScript map().
Вы когда-нибудь задумывались о том, что такое функция JavaScript map()? Какая польза от этой функции? Когда использовать эту функцию в коде? Что эта функция может сделать для вас, чтобы облегчить вашу жизнь с JS?
Если вы новичок, возможно, вы никогда не задумывались об этих вещах. Если вы не знаете о функции map(), не волнуйтесь, вы получите полное представление о функции map в конце этой статьи. 🙂 Итак, приступим
Функция JavaScript map() Описание
Карта JavaScript — это функция массива JavaScript. Функция map() вызывает функцию обратного вызова для каждого элемента заданного массива и возвращает новый массив.
map не изменяет массив, для которого она вызывается.
Синтаксис функции JavaScript map()
let newArray = arr.map(function callback(currentValue[, index[, array]]) { // Return element for newArrayc }[, thisArg])Параметры функции JavaScript map()
Давайте подробно разберем синтаксис метода map().
Это функция, которая выполняется над каждым элементом данного массива. Он принимает три аргумента:
текущая стоимость
Текущий обрабатываемый элемент в массиве.
Индекс текущего обрабатываемого элемента в массиве.
Была вызвана карта массива.
Значение для использования в качестве этого при выполнении обратного вызова.
Возвращаемое значение функции JavaScript map()
Функция map возвращает новый массив, каждый элемент которого является результатом функции обратного вызова.
Пример функции JavaScript map()
До сих пор существует много теории. 🙂 Давайте разберемся с функцией карты на примере, чтобы мы знали, как использовать функцию карты.
let numbers = [1,2,3,4,5]; let squareOfNumbers = numbers.map(number => number*number); //output [1,4,9,16,25]Как вы можете ясно видеть, как изменить массив с помощью функции карты. Здесь мы используем свойства ES6, такие как функции стрелок и другие вещи. Итак, вы должны знать, как их использовать.
Здесь следует отметить, что функция карты не изменяет массив по умолчанию. Он всегда возвращает новый массив.
Когда использовать функцию JavaScript map()
Итак, до сих пор мы узнали все о функции карты JavaScript. Многие разработчики не могут решить, когда использовать функцию карты в своем коде. Не волнуйтесь, именно поэтому мы пишем эту статью. 🙂
Большинство разработчиков ошибаются между выбором карты и функцией foreach. Как мы знаем, функция карты возвращает новый массив, поэтому всякий раз, когда нам нужно получить измененный массив, мы должны использовать функцию карты, и всякий раз, когда нам нужно перебрать каждый элемент массива, мы можем использовать функцию for или foreach. Чтобы узнать больше о различиях между map и foreach, вы можете прочитать эту статью.
Вывод
Это все о функции JavaScript map(). В этой статье я попытался охватить большую часть вещей, связанных с функцией map(). Попробуйте найти больше вариантов использования, где вы можете использовать эту функцию в своем коде.
Если вы хотите узнать больше о JavaScript более увлекательными способами, вы можете присоединиться к курсу Codecademy по JavaScript.
Надеюсь, эта статья поможет вам понять функцию map(). Если у вас есть какие-либо сомнения или предложения, оставьте комментарий в поле для комментариев.
Первоначально опубликовано на https://codesquery.com 22 мая 2019 г.
