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

2024-05-06 16:21:49

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了在JavaScript中操作数组之map()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下

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>