在JavaScript中操作數(shù)組之map()方法的使用
JavaScript 數(shù)組map()方法創(chuàng)建一個新的數(shù)組使用調用此數(shù)組中的每個元素上所提供的函數(shù)的結果。
語法
array.map(callback[, thisObject]);
下面是參數(shù)的詳細信息:
- callback : 從當前的元素函數(shù)產生新的數(shù)組的元素。
- thisObject : 對象作為該執(zhí)行回調時使用
返回值:
返回創(chuàng)建數(shù)組
兼容性:
這種方法是一個JavaScript擴展到ECMA-262標準;因此它可能不存在在標準的其他實現(xiàn)。為了使它工作,你需要添加下面的腳本代碼在頂部:
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
相關文章
JavaScript substr() 字符串截取函數(shù)使用詳解
substr() 方法可在字符串中抽取從 start 下標開始的指定數(shù)目的字符,文中配有大量實例代碼2013-04-04
JavaScript中Date.toSource()方法的使用教程
這篇文章主要介紹了JavaScript中Date.toSource()方法的使用教程,用來返回日期為字符串,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
javascript history對象(歷史記錄)使用方法(實現(xiàn)瀏覽器前進后退)
本文主要介紹了window.history對象使用方法2014-01-01
Javascript模塊化編程(一)AMD規(guī)范(規(guī)范使用模塊)
這個系列的第一部分介紹了Javascript模塊的基本寫法,今天介紹如何規(guī)范地使用模塊,先想一想,為什么模塊很重要?接下來為您詳細介紹,感興趣的朋友可以了解下啊2013-01-01
細說javascript函數(shù)從函數(shù)的構成開始
javascript函數(shù)是一個比較奇怪的東西,接觸一段時間你就會犯迷糊,我想從函數(shù)的構成來細說函數(shù),這聽起來像是一句廢話,講任何東西當然是從構成去談2013-08-08

