欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2023-12-03 16:43:28
 javascript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果。 语法 array.map(callback...

 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

上一篇： C#实现将数组内元素打乱顺序的方法

下一篇： PHP Imagick完美实现图片裁切、生成缩略图、添加水印

推荐阅读