JavaScript – Array map() 方法
描述
Javascript数组 map() 方法创建一个新数组,其中每个元素都调用提供的函数,并返回带有新结果的数组。
语法
其语法如下 −
array.map(callback[, thisObject]);
参数详细信息
- callback −产生当前元素中新数组的元素的函数。
-
thisObject −在执行回调时要使用的对象 this 。
返回值
返回创建的数组。
兼容性
这个方法是ECMA-262标准的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;
};
}
示例
尝试以下示例。
<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