您好,登錄后才能下訂單哦!
這篇文章主要介紹“javascript數(shù)組的map方法怎么使用”,在日常操作中,相信很多人在javascript數(shù)組的map方法怎么使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”javascript數(shù)組的map方法怎么使用”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
在javascript中,數(shù)組的map方法用于對數(shù)組的每個元素調(diào)用指定的回調(diào)函數(shù),并返回包含結(jié)果的數(shù)組;語法格式為“array.map(callbackfn[, thisArg]);”。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JavaScript map() 方法可以對數(shù)組的每個元素調(diào)用指定的回調(diào)函數(shù),并返回包含結(jié)果的數(shù)組。具體用法如下:
array.map(callbackfn[, thisArg]);
參數(shù)說明:
array:必需參數(shù),一個數(shù)組對象。
callbackfn:必需參數(shù),最多可以接收三個參數(shù)的函數(shù)。對于數(shù)組中的每個元素,map() 方法都會調(diào)用 callbackfn 函數(shù)一次。
thisArg:可選參數(shù),callbackfn 函數(shù)中的 this 關(guān)鍵字可引用的對象。如果省略 thisArg,則 undefined 將用作 this 值。
map() 方法將返回一個新數(shù)組,其中每個元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值。對于數(shù)組中的每個元素,map() 方法都會調(diào)用 callbackfn 函數(shù)一次(采用升序索引順序),并不會為數(shù)組中缺少的元素調(diào)用回調(diào)函數(shù)。
除了數(shù)組對象之外,map() 方法可由具有 length 屬性,且具有已按編制索引的屬性名的任何對象使用,如 Arguments 參數(shù)對象。
回調(diào)函數(shù)的語法如下:
function callbackfn (value, index, array);
用戶可以使用最多三個參數(shù)來聲明回調(diào)函數(shù)?;卣{(diào)函數(shù)的參數(shù)說明如下:
value:數(shù)組元素的值。
index:數(shù)組元素的數(shù)字索引。
array:包含該元素的數(shù)組對象。
map() 方法不直接修改原始數(shù)組,但回調(diào)函數(shù)可能會修改它。在 map 方法啟動后修改數(shù)組對象所獲得的結(jié)果說明如表所示。
map 方法啟動后的條件 | 元素是否傳遞給回調(diào)函數(shù) |
---|---|
在數(shù)組的原始長度之外添加元素 | 否 |
添加元素以填充數(shù)組中缺少的元素 | 是,如果該索引尚未傳遞給回調(diào)函數(shù) |
元素已更改 | 是,如果該元素尚未傳遞給回調(diào)函數(shù) |
從數(shù)組中刪除元素 | 否,除非該元素已傳遞給回調(diào)函數(shù) |
示例1
下面示例使用 map() 方法映射數(shù)組,把數(shù)組中每個元素的值平方,乘以 PI 值,把返回的圓的面積值作為新數(shù)組的元素值,最后返回這個新數(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ù)組中每個元素的值除以一個閾值,然后返回這個新數(shù)組其中回調(diào)函數(shù)和閾值都以對象的屬性存在,通過這種方法演示如何在 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
到此,關(guān)于“javascript數(shù)組的map方法怎么使用”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。