在JavaScript中操作數(shù)組之map()方法的使用
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í)筆記(八) js內(nèi)置對(duì)象
javascript學(xué)習(xí)筆記之js內(nèi)置對(duì)象,需要的朋友可以參考下2012-06-06js關(guān)閉子窗體刷新父窗體實(shí)現(xiàn)方法
本文將詳細(xì)介紹js關(guān)閉子窗體刷新父窗體實(shí)現(xiàn)方法,需要了解的朋友可以參考下2012-12-12JavaScript substr() 字符串截取函數(shù)使用詳解
substr() 方法可在字符串中抽取從 start 下標(biāo)開(kāi)始的指定數(shù)目的字符,文中配有大量實(shí)例代碼2013-04-04JavaScript中Date.toSource()方法的使用教程
這篇文章主要介紹了JavaScript中Date.toSource()方法的使用教程,用來(lái)返回日期為字符串,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript history對(duì)象(歷史記錄)使用方法(實(shí)現(xiàn)瀏覽器前進(jìn)后退)
本文主要介紹了window.history對(duì)象使用方法2014-01-01Javascript模塊化編程(一)AMD規(guī)范(規(guī)范使用模塊)
這個(gè)系列的第一部分介紹了Javascript模塊的基本寫法,今天介紹如何規(guī)范地使用模塊,先想一想,為什么模塊很重要?接下來(lái)為您詳細(xì)介紹,感興趣的朋友可以了解下啊2013-01-01詳解javascript設(shè)計(jì)模式三:代理模式
這篇文章主要介紹了javascript設(shè)計(jì)模式三:代理模式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03細(xì)說(shuō)javascript函數(shù)從函數(shù)的構(gòu)成開(kāi)始
javascript函數(shù)是一個(gè)比較奇怪的東西,接觸一段時(shí)間你就會(huì)犯迷糊,我想從函數(shù)的構(gòu)成來(lái)細(xì)說(shuō)函數(shù),這聽(tīng)起來(lái)像是一句廢話,講任何東西當(dāng)然是從構(gòu)成去談2013-08-08JavaScript中Array 對(duì)象相關(guān)的幾個(gè)方法
JavaScript中Array 對(duì)象相關(guān)的幾個(gè)方法...2006-12-12