Нельзя желать того, что до этого не было познано (Фома Аквинский).

JavaScript — Массивы. Метод reduce

Главное меню » Язык программирования Javascript » Javascript — Учебное пособие » JavaScript — Массивы. Метод reduce

(Пока оценок нет)

Загрузка...

29.11.2018

Описание

Метод reduce() в javascript применяет функцию одновременно к двум значениям массива (слева направо), чтобы уменьшить его до одного значения.

Синтаксис

Его синтаксис выглядит следующим образом:

array.reduce(callback[, initialValue]);

Детали параметров

callback — функция для каждого значения в массиве.
initialValue — объект, который будет использоваться в качестве первого аргумента для первого вызова обратного вызова.

Возвращаемое значение

Возвращает одиночное значение массива.

Совместимость

Этот метод является расширением JavaScript стандарта ECMA-262; как таковой, он не может присутствовать в других реализациях стандарта. Чтобы он работал, вам нужно добавить следующий код в верхней части вашего скрипта.

if (!Array.prototype.reduce)
{
   Array.prototype.reduce = function(fun /*, initial*/)
   {
      var len = this.length;
      
      if (typeof fun != "function")
      throw new TypeError();
      
      // нет возвращаемого значения, если нет начального значения и пустой массив
      if (len == 0 && arguments.length == 1)
      throw new TypeError();
      
      var i = 0;
      if (arguments.length >= 2)
      {
         var rv = arguments[1];
      }
      else
      {
         do
         {
            if (i in this)
            {
               rv = this[i++];
               break;
            }
            
            // если массив не содержит значений, возвращаемое начальное значение не возвращается
            if (++i >= len)
            throw new TypeError();
         }
         while (true);
      }
      for (; i < len; i++)
      {
         if (i in this)
         rv = fun.call(null, rv, this[i], i, this);
      }
      return rv;
   };
}

Пример

Попробуйте следующий пример.

<html>
   <head>
      <title>JavaScript - Массивы. Метод reduce</title>
   </head>
   
   <body>
   
      <script type="text/javascript">
         if (!Array.prototype.reduce)
         {
            Array.prototype.reduce = function(fun /*, initial*/)
            {
               var len = this.length;
               
               if (typeof fun != "function")
               throw new TypeError();
               
               // нет возвращаемого значения, если нет начального значения и пустой массив
               if (len == 0 && arguments.length == 1)
               throw new TypeError();
               
               var i = 0;
               if (arguments.length >= 2)
               {
                  var rv = arguments[1];
               }
               else
               {
                  do
                  {
                     if (i in this)
                     {
                        rv = this[i++];
                        break;
                     }
                     // если массив не содержит значений, возвращаемое начальное значение не возвращается
                     if (++i >= len)
                     throw new TypeError();
                  }
                  while (true);
               }
               
               for (; i < len; i++)
               {
                  if (i in this)
                  rv = fun.call(null, rv, this[i], i, this);
               }
               return rv;
            };
         }
         var total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; });
         document.write("всего : " + total ); 
      </script>
      
   </body>
</html>