您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“javascript數(shù)組有沒有map方法”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
javascript數(shù)組有map方法。在javascript中,數(shù)組的map()方法用于對(duì)數(shù)組的每個(gè)元素調(diào)用指定的回調(diào)函數(shù),并返回包含結(jié)果的數(shù)組;語法格式為“array.map(回調(diào)函數(shù), thisValue);”。map()方法將返回一個(gè)新數(shù)組,其中每個(gè)元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值;對(duì)于數(shù)組中的每個(gè)元素,map()方法都會(huì)調(diào)用回調(diào)函數(shù)一次(采用升序索引順序)。
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
javascript數(shù)組有map方法。
javascript 數(shù)組map()方法
map()方法可以對(duì)數(shù)組的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)進(jìn)行處理,并返回包含結(jié)果的數(shù)組。
map() 方法按照原始數(shù)組元素順序依次處理元素。
語法
array.map(function(currentValue,index,arr), thisValue)
參數(shù) | 描述 |
---|---|
function(currentValue, index,arr) | 必須。函數(shù),數(shù)組中的每個(gè)元素都會(huì)執(zhí)行這個(gè)函數(shù)。 函數(shù)參數(shù):
|
thisValue | 可選。對(duì)象作為該執(zhí)行回調(diào)時(shí)使用,傳遞給函數(shù),用作 "this" 的值。 如果省略了 thisValue,或者傳入 null、undefined,那么回調(diào)函數(shù)的 this 為全局對(duì)象。 |
map() 方法將返回一個(gè)新數(shù)組,其中每個(gè)元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值。對(duì)于數(shù)組中的每個(gè)元素,map() 方法都會(huì)調(diào)用 回調(diào) 函數(shù)一次(采用升序索引順序),并不會(huì)為數(shù)組中缺少的元素調(diào)用回調(diào)函數(shù)。
除了數(shù)組對(duì)象之外,map() 方法可由具有 length 屬性,且具有已按編制索引的屬性名的任何對(duì)象使用,如 Arguments 參數(shù)對(duì)象。
下面通過代碼示例來具體了解一下:
示例1
下面示例使用 map() 方法映射數(shù)組,把數(shù)組中每個(gè)元素的值平方,乘以 PI 值,把返回的圓的面積值作為新數(shù)組的元素值,最后返回這個(gè)新數(shù)組。
function f (radius) { var area = Math.PI * (radius * radius); return area.toFixed(0); } var a = [10,20,30]; var a1 = a.map(f); console.log(a1);
示例2
下面示例使用 map() 方法映射數(shù)組,把數(shù)組中每個(gè)元素的值除以一個(gè)閾值,然后返回這個(gè)新數(shù)組其中回調(diào)函數(shù)和閾值都以對(duì)象的屬性存在,通過這種方法演示如何在 map 中使用 thisArg 參數(shù)。
var obj = { val : 10, f : function (value) { return value % this.val; } } var a = [6,12,25,30]; var a1 = a.map(obj.f, obj); console.log(a1); //6,2,5,0
示例3
下面示例演示如何使用 JavaScript 內(nèi)置方法作為回調(diào)函數(shù)。
var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
“javascript數(shù)組有沒有map方法”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。