当前位置: 首页 > 编程笔记 >

在JavaScript中操作数组之map()方法的使用

宦飞
2023-03-14
本文向大家介绍在JavaScript中操作数组之map()方法的使用,包括了在JavaScript中操作数组之map()方法的使用的使用技巧和注意事项,需要的朋友参考一下

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

array.map(callback[, thisObject]);

下面是参数的详细信息:

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

返回值:

返回创建数组
兼容性:

这种方法是一个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 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 

 类似资料:
  • 本文向大家介绍在Python中操作时间之strptime()方法的使用,包括了在Python中操作时间之strptime()方法的使用的使用技巧和注意事项,需要的朋友参考一下  strptime()方法分析表示根据格式的时间字符串。返回值是一个struct_time所返回gmtime()或localtime()。 格式参数使用相同的指令使用strftime();它默认为“%a %b %d %H:%

  • 本文向大家介绍JavaScript中的数组操作介绍,包括了JavaScript中的数组操作介绍的使用技巧和注意事项,需要的朋友参考一下 JavaScript中的数组对象自带了一些方法,可以通过使用这些方法来对数组进行操作。   join()   可以使用join()方法将数组中的成员合并到一个字符串中: 从上面的例子中可以看到,如果join()方法不带参数,那么JavaScript会用逗号作为分隔

  • 本文向大家介绍JavaScript数组及常见操作方法小结,包括了JavaScript数组及常见操作方法小结的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript数组及常见操作方法。分享给大家供大家参考,具体如下: 数组及操作方法 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法 操作数组中数据的方法 1、获取数组的长度:aLis

  • 本文向大家介绍在Python中操作字符串之rstrip()方法的使用,包括了在Python中操作字符串之rstrip()方法的使用的使用技巧和注意事项,需要的朋友参考一下  rstrip()方法返回所有字符都被去除的字符串(缺省为空格字符)结束字符串的副本。 语法 以下是rstrip()方法的语法: 参数     chars -- 可以提供要去除的字符。 返回值 此方法返回的所有字符都被去除的字符

  • 本文向大家介绍在Python中操作字符串之replace()方法的使用,包括了在Python中操作字符串之replace()方法的使用的使用技巧和注意事项,需要的朋友参考一下  replace()方法返回当前old换成new,可选择的替代限制到最大数量的字符串的副本。 语法 以下是replace()方法的语法: 参数     old -- 这是要进行更换的旧子串。     new -- 这是新的子

  • 本文向大家介绍javascript操作ul中li的方法,包括了javascript操作ul中li的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript操作ul中li的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的javascript程序设计有所帮助。