Map — Part 2 of Functional Programming in JavaScript

привет в этой серии мы узнаем, как
выполнять функциональное программирование в
JavaScript вы можете найти полную серию
щелкнув там в последнем эпизоде, мы
узнали о функциях более высокого порядка
поскольку функции — это просто значения, как любые
другое значение в JavaScript, которое мы можем использовать
что , выполняя функции, которые принимают другие
функции в качестве аргументов и
называемой функцией более высокого порядка, мы также
научиться использовать функцию более высокого порядка
фильтр мы узнаем, что фильтр — это метод
на объект массива, который принимает другой
функции в качестве аргумента и использует это
функция для фильтрации массива в этом
эпизод мы собираемся узнать о
что-то новое, а также называемое
подобная карта фильтра — еще один более высокий порядок
функция также нравится фильтр он идет
через массив, но в отличие от фильтра
не бросать предметы подальше вместо
он трансформирует их, почему это означает
позвольте мне показать вам взглянуть на это
массив, вы можете заметить, что я повторно использую
массив из предыдущего видео, но
это просто потому, что раса животных
очень распространен в корпоративном классе
но проблема другая
на этот раз мы хотим получить массив
всех названий всех животных
очень просто решить с помощью карты, но
прежде чем я хочу показать вам, как мы
бы решить эту проблему с помощью для цикла , так
давайте посмотрим, что это делает именно так
длинный выход запускает его
вы видите, что это просто выписывает
имена кода очень просто
он просто петляет массив животных и
каждое животное просто выбирает имя
имущество и его выталкивает его в
массив имен, который мы создаем в строке 10
теперь давайте сделаем то же самое, но
используя карту вместо этого, я буду комментировать
для цикла здесь и держите его вокруг
целей сравнения
давайте сделаем это, помните, что я сказал
вы, эта карта является функцией на массиве
объект, как и фильтр, будет
функция обратного вызова, аналогично фильтру
это функция обратного вызова будет
прошел каждый элемент в массиве животных
но вот где карта получает разную
от фильтра фильтра ожидать , что его
функция обратного вызова для возврата истинного или
ложное значение, определяющее ,
не этот пункт должен быть включен в
массив или не сон будет включать все элементы
в массиве , но вместо этого он ожидает ,
функция обратного вызова для возврата
преобразованный объект, который он будет
новый массив вместо
оригинальное животное в этом случае, которое будет
имя, подобное этому, теперь давайте
запустите его и посмотрите , не производит ли он тот же
выводит как BAM для цикла в точности
так же, используя карту, чтобы вернуть подмножество
объект, подобный этому, где мы возвращаемся
свойство name очень
общий шаблон использования, однако, поскольку карта
просто ожидает, что обратный вызов вернет любой
объект, который мы можем использовать для создания
совершенно новые объекты
давайте убежим, что Tara fluffykins — это
кролик Каро — гамильтонность собаки да
они получают это не так, но вы видите
как мало кода это, это удивительно
Я собираюсь добавить пример цикла for
к примеру карты, чтобы вы могли
сравните, и я собираюсь удалить дополнительные
код , который мы добавили к карте , так что
они делают то же самое, что и сейчас
ЗДЕСЬ, когда я выбираю карту
пример и здесь в левом нижнем углу
угол, вы видите, что это 66
символов, и когда я выбираю для
вы видите, что это 89
персонажей, что на 30% больше
я поставил это как в одной строке, чтобы
показать вам показать вам разница размер я
немного потянул это, это много
короткий короткий код хорош, потому что меньше
код почти всегда означает меньше ошибок, но
он становится еще лучше в сценарии 6 ECMO
мы получаем функции стрелок, которые я собираюсь
переписать это с помощью функций стрелок
функции стрелок являются новыми
лучший синтаксис для функций в ECMO
сценарий 6 выглядит так, что это
бит короче, но становится лучше, если
функциональная логика подходит для одной строки, как в
в этом примере вы можете просто избавиться от
return и фигурные скобки
и это будет любое утверждение
после того, как функция стрелки будет
косвенным образом
повернулся так, позвольте мне прокомментировать материал
что мы держимся для сравнения и
вернитесь в консоль и запустите это
кричит, что это не сработает сразу
потому что, как я сказал, функции стрелок являются
часть шестого стандарта сценария ACMA
и это не полностью реализовано в
браузерами или узлом, однако, если вы
запуск последней версии IOT — это вы
может просто использовать функции стрелки гармонии
флаг, и он работает, если вы смотрите
это видео из будущего, которое вы не
должны сделать это в функциональном
программирование это общее идти даже
короче и просто укоротить переменную
имена X, как этот BAM, позвольте мне поставить это
рядом с оригиналом для петли только к
покажите вам, как великолепно это
если вы не думаете, что это абсолютно
ты прекрасна Я просто нет души там
ты не можешь видеть красоту в мире
просто проверьте это, это 38 символов
и это 90 ах, и это завершает
это информационная информатика
видео о более высоком порядке функции
карта, которая является частью этого
серии о функциональном программировании в
JavaScript в следующий раз мы рассмотрим
классическая функция высшего порядка, называемая
уменьшить, не пропустите это
пожалуйста, подписаться, если вам это нравится
Следуйте за мной в Твиттере в MB Jaime stay
любопытно увидеть вас в следующий раз