javascript數(shù)組的map方法怎么使用

這篇文章主要介紹“javascript數(shù)組的map方法怎么使用”，在日常操作中，相信很多人在javascript數(shù)組的map方法怎么使用問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”javascript數(shù)組的map方法怎么使用”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

十多年的房縣網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整房縣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“房縣網(wǎng)站設(shè)計(jì)”,“房縣網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

在javascript中，數(shù)組的map方法用于對(duì)數(shù)組的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)，并返回包含結(jié)果的數(shù)組；語(yǔ)法格式為“array.map(callbackfn[, thisArg]);”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript map() 方法可以對(duì)數(shù)組的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)，并返回包含結(jié)果的數(shù)組。具體用法如下：

array.map(callbackfn[, thisArg]);

參數(shù)說(shuō)明：

  • array：必需參數(shù)，一個(gè)數(shù)組對(duì)象。

  • callbackfn：必需參數(shù)，最多可以接收三個(gè)參數(shù)的函數(shù)。對(duì)于數(shù)組中的每個(gè)元素，map() 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次。

  • thisArg：可選參數(shù)，callbackfn 函數(shù)中的 this 關(guān)鍵字可引用的對(duì)象。如果省略 thisArg，則 undefined 將用作 this 值。

map() 方法將返回一個(gè)新數(shù)組，其中每個(gè)元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值。對(duì)于數(shù)組中的每個(gè)元素，map() 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次（采用升序索引順序），并不會(huì)為數(shù)組中缺少的元素調(diào)用回調(diào)函數(shù)。

除了數(shù)組對(duì)象之外，map() 方法可由具有 length 屬性，且具有已按編制索引的屬性名的任何對(duì)象使用，如 Arguments 參數(shù)對(duì)象。

回調(diào)函數(shù)的語(yǔ)法如下：

function callbackfn (value, index, array);

用戶可以使用最多三個(gè)參數(shù)來(lái)聲明回調(diào)函數(shù)?；卣{(diào)函數(shù)的參數(shù)說(shuō)明如下：

  • value：數(shù)組元素的值。

  • index：數(shù)組元素的數(shù)字索引。

  • array：包含該元素的數(shù)組對(duì)象。

map() 方法不直接修改原始數(shù)組，但回調(diào)函數(shù)可能會(huì)修改它。在 map 方法啟動(dòng)后修改數(shù)組對(duì)象所獲得的結(jié)果說(shuō)明如表所示。

回調(diào)函數(shù)修改數(shù)組的影響
map 方法啟動(dòng)后的條件元素是否傳遞給回調(diào)函數(shù)
在數(shù)組的原始長(zhǎng)度之外添加元素否
添加元素以填充數(shù)組中缺少的元素是，如果該索引尚未傳遞給回調(diào)函數(shù)
元素已更改是，如果該元素尚未傳遞給回調(diào)函數(shù)
從數(shù)組中刪除元素否，除非該元素已傳遞給回調(diào)函數(shù)

示例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ì)象的屬性存在，通過(guò)這種方法演示如何在 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é)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

分享題目：javascript數(shù)組的map方法怎么使用
路徑分享：http://bm7419.com/article34/jjdpse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、定制網(wǎng)站、小程序開(kāi)發(fā)、網(wǎng)站維護(hù)、網(wǎng)站改版、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化