Уроки JavaScript Методы reduce и reduceRight HD

07.12.2019
Привет друзья! Сейчас мы рассмотрим метод для свертки вашего массива с помощью методов reduce и reduceRight. Эти методы используются в Javascript для прохождения по каждому элементу массива и его обработки, и конечный результат например можно вывести на экран или использовать в своих расчетах дальше. Метод «arr.reduce(callback[, initialValue])» используется для последовательной обработки каждого элемента массива с сохранением промежуточного результата. Метод reduce используется для вычисления на основе массива какого-либо единого значения, иначе говорят «для свёртки массива». Он применяет функцию callback по очереди к каждому элементу массива слева направо, сохраняя при этом промежуточный результат. Аргументы функции callback(previousValue, currentItem, index, arr): previousValue – последний результат вызова функции, он же «промежуточный результат». currentItem – текущий элемент массива, элементы перебираются по очереди слева-направо. index – номер текущего элемента. arr – обрабатываемый массив. Кроме callback, методу можно передать «начальное значение» – аргумент initialValue. Если он есть, то на первом вызове значение previousValue будет равно initialValue, а если у reduce нет второго аргумента, то оно равно первому элементу массива, а перебор начинается со второго. Метод «arr.reduceRight(callback[, initialValue])» полностью аналогичен – только он применяет функцию callback по очереди к каждому элементу массива справа налево, сохраняя при этом промежуточный результат. Вот код Javascript из видео: var my_arr = [-3,5,-6,2,8,34,-20,40,20,-40,0,-4,5]; var rezult_reduce = my_arr.reduce(function(sum, current, index){ console.log("sum = "+sum+" current="+current+" index="+index); return sum + current; }, 0); console.log("result_reduce="+rezult_reduce); var rezult_reduce_r = my_arr.reduceRight(function(sum, current, index){ console.log("sum = "+sum+" current="+current+" index="+index); return sum + current; }, 0); console.log("result_reduce_r="+rezult_reduce_r); Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: https://wiseplat.org/ 1) Урок на сайте Wiseplat: ✔ Сообщество программистов: https://wiseplat.org/ ✔ ------------- Вступай в группу Вк - https://vk.com/wiseplat Группа FaceBook - https://www.facebook.com/wiseplat/ Инстаграм Wiseplat: https://www.instagram.com/wiseplat/ Instagram: https://www.instagram.com/shpaginoleg/ Twitter - https://twitter.com/WiseplatSchool ******************************** Если Вам понравилась публикация, подписывайтесь на канал! Ставьте лайки, тогда будем еще писать такой контент :) Если есть вопросы или пожелания, то пишите, в комментариях. ******************************** - Уроки от #OlegShpagin ‍ Хештеги #урокиhtml #урокиjavascript #программирование #html #уроки #javascript

Похожие видео

Показать еще