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

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

程序员文章站 2023-01-01 19:37:49
 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

上一篇： 动态改变textbox的宽高的js

下一篇： 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼

推荐阅读