Поиск по сайту:
Лучше изучить лишнее, чем ничего не изучить (Сенека Старший).

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
21.11.2018

Описание

Метод map() в массивах javascript создает новый массив с результатами вызова предоставленной функции для каждого элемента в этом массиве.

Синтаксис

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

array.map(callback[, thisObject]);

 

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

  • callback — функция, которая создает элемент нового массива из текущего элемента.
  • thisObject — объект для использования в качестве this  при выполнении обратного вызова.

 

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

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

 

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

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

if (!Array.prototype.map)
{
   Array.prototype.map = function(fun /*, thisp*/)
   {
      var len = this.length;
      
      if (typeof fun != "function")
      throw new TypeError();
      
      var res = new Array(len);
      var thisp = arguments[1];
      
      for (var i = 0; i < len; i++)
      {
         if (i in this)
         res[i] = fun.call(thisp, this[i], i, this);
      }
      return res;
   };
}

 

Пример

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

<html>
   <head>
      <title>JavaScript - Массивы. Метод map</title>
   </head>
   
   <body>
   
      <script type="text/javascript">
         if (!Array.prototype.map)
         {
            Array.prototype.map = function(fun /*, thisp*/)
            {
               var len = this.length;
               
               if (typeof fun != "function")
               throw new TypeError();
               
               var res = new Array(len);
               var thisp = arguments[1];
               
               for (var i = 0; i < len; i++)
               {
                  if (i in this)
                  res[i] = fun.call(thisp, this[i], i, this);
               }
               return res;
            };
         }
         
         var numbers = [1, 4, 9];
         var roots = numbers.map(Math.sqrt);
         document.write("roots is : " + roots ); 
      </script>
      
   </body>
</html>

 

Вывод

roots is : 1,2,3
Если статья понравилась, то поделитесь ей в социальных сетях:

Это может быть вам интересно

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии