教程 > Javascript 教程 > Javascript 对象 阅读：31

Javascript Array map() 方法

返回 Javascript Array 对象

定义

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

语法

语法如下

array.map(callback[, thisObject]);

参数

  • callback - 必需，从当前数组的元素生成新数组元素的函数。
  • thisObject -可选，在执行回调时用作this 的对象。

返回值

返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 map() 方法。

示例

<html>
   <head>
      <title>JavaScript Array map Method</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

尝试一下

返回 Javascript Array 对象

查看笔记

扫码一下
查看教程更方便