zoukankan      html  css  js  c++  java
  • JavaScript中数组map()方法

    JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果。
    语法

    1
    array.map(callback[, thisObject]);

    下面是参数的详细信息:

    •     callback : 从当前的元素函数产生新的数组的元素。
    •     thisObject : 对象作为该执行回调时使用

    返回值:

    返回创建数组
    兼容性:

    这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作,你需要添加下面的脚本代码在顶部:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    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;
     };
    }

    例子:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <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>

    这将产生以下结果:

    1
    roots is : 1,2,3
  • 相关阅读:
    ASP.NET : 自定义HttpModule的时候要注意的问题
    ASP.NET : Win7 及 IIS 7中对于处理程序映射
    .NET : 一定不要忘记关闭DataReader对象
    IE 8 Accelerator加速器开发介绍{转载}
    .NET : CLR Profiler的使用
    .NET : 在实现WCF的双工服务时可能遇到的问题
    Silverlight学习资源
    .NET : 如何查看值类型的大小
    .NET: 如何通过AppDomain动态加载插件程序
    Web.config中的特殊字符
  • 原文地址:https://www.cnblogs.com/wyaocn/p/5780202.html
Copyright © 2011-2022 走看看