在JavaScript中操作數(shù)組之map()方法的使用
更新時(shí)間：2015年06月09日 09:54:27 投稿：goldensun
這篇文章主要介紹了在JavaScript中操作數(shù)組之map()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
JavaScript 數(shù)組map()方法創(chuàng)建一個(gè)新的數(shù)組使用調(diào)用此數(shù)組中的每個(gè)元素上所提供的函數(shù)的結(jié)果。
語(yǔ)法
array.map(callback[, thisObject]);
下面是參數(shù)的詳細(xì)信息：
- callback : 從當(dāng)前的元素函數(shù)產(chǎn)生新的數(shù)組的元素。
- thisObject : 對(duì)象作為該執(zhí)行回調(diào)時(shí)使用
返回值:
返回創(chuàng)建數(shù)組
兼容性：
這種方法是一個(gè)JavaScript擴(kuò)展到ECMA-262標(biāo)準(zhǔn);因此它可能不存在在標(biāo)準(zhǔn)的其他實(shí)現(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>
這將產(chǎn)生以下結(jié)果：
roots is : 1,2,3
相關(guān)文章
JavaScript學(xué)習(xí)筆記之基礎(chǔ)語(yǔ)法
本文不是零基礎(chǔ)教學(xué)，請(qǐng)沒(méi)javascript基礎(chǔ)的小伙伴們先出門左拐，本人之前學(xué)習(xí)java的，所以本文主要對(duì)比下java學(xué)習(xí)javascript。2015-01-01
網(wǎng)友整理的107條javascript語(yǔ)法字典，方便經(jīng)常使用js編程的朋友2008-06-06
有關(guān)JavaScript中call()和apply() 的一些理解
下面小編就為大家?guī)?lái)一篇有關(guān)JavaScript中call()和apply() 的一些理解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要用js代碼實(shí)現(xiàn)顏色隨機(jī)的小方塊,需要的朋友可以參考下2015-07-07
Three.js源碼閱讀筆記(基礎(chǔ)的核心Core對(duì)象)
Three.js是一個(gè)比較偉大的webgl開(kāi)源庫(kù)，它簡(jiǎn)化了瀏覽器3D編程，使得使用JavaScript在瀏覽器中創(chuàng)建復(fù)雜的場(chǎng)景變得容易很多接下來(lái)先從最基礎(chǔ)的核心（Core）對(duì)象開(kāi)始,感興趣的朋友可以參考下2012-12-12
使用Java實(shí)現(xiàn)簡(jiǎn)單的server/client回顯功能的方法介紹
本篇文章介紹了，使用Java實(shí)現(xiàn)簡(jiǎn)單的server/client回顯功能的方法。需要的朋友參考下2013-05-05
本文通過(guò)示例向大家簡(jiǎn)單介紹了javascript中的createElement事件,需要的朋友可以參考下2014-12-12
事件是DOM（文檔對(duì)象模型）的一部分。事件流就是事件發(fā)生順序，這是IE和其他瀏覽器在事件支持上的主要差別。2010-01-01
解析js中獲得父窗口鏈接getParent方法以及各種打開(kāi)窗口的方法
本篇文章是對(duì)js中獲得父窗口鏈接getParent方法以及各種打開(kāi)窗口的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
嵌套的div元素，如果父級(jí)和子元素都綁定了一些事件，那么在點(diǎn)擊最內(nèi)層子元素時(shí)可能會(huì)觸發(fā)父級(jí)元素的事件，下面介紹一下js阻止默認(rèn)事件與js阻止事件冒泡示例,大家參考使用吧2014-01-01