這篇文章主要介紹“JavaScript中Array內(nèi)置對象里的map函數(shù)如何使用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript中Array內(nèi)置對象里的map函數(shù)如何使用”文章能幫助大家解決問題。

公司主營業(yè)務(wù)：成都做網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出通海免費(fèi)做網(wǎng)站回饋大家。

一、概念

map() 函數(shù)本身不改變原數(shù)組，而是處理完數(shù)據(jù)后重新返回一個(gè)新數(shù)組，新數(shù)組中的元素是原數(shù)組中的每個(gè)元素執(zhí)行回調(diào)函數(shù)后的返回值，在該回調(diào)函數(shù)中可根據(jù)需要處理數(shù)據(jù)并返回。

注意：當(dāng)需要同時(shí)修改原數(shù)組時(shí)，可以在 callback 執(zhí)行過程中給原數(shù)組重新賦值。

二、語法

arr.map( callback( currentElement, currentIndex, originalArray), thisObj )

說明：

        callback 是傳入 map() 的回調(diào)函數(shù)，是必傳參數(shù)。

        thisObj 傳入時(shí)會(huì)被用作回調(diào)函數(shù)的 this 值，是可選參數(shù)

        currentElement 指 callback 當(dāng)前元素，必傳參數(shù)。

        currentIndex 指 callback 當(dāng)前元素的索引，可選參數(shù)。

        originalArray 指被處理的數(shù)組，即原數(shù)組，可選參數(shù)。

三、示例

1、返回新數(shù)組：由原數(shù)組中每個(gè)元素的10倍數(shù)值組成的。

let originArray = [ 2, 4, 6, 8 ]

let newArray = originArray.map(function(currentElement){

        return currentElement * 10

})

console.log(newArray) // 輸出結(jié)果為：[20, 40, 60, 80]

簡寫方式：

let newArray = originArray.map( item => (item * 10) )

console.log(newArray) // 輸出結(jié)果為：[20, 40, 60, 80]

2、修改原數(shù)組：將原數(shù)組中每個(gè)元素的數(shù)字?jǐn)U大20倍。

let originArray = [ 2, 4, 6, 8 ]

originArray.map((cur,index) => ( originArray[index] = cur * 20 ) )

console.log(originArray ) // 輸出結(jié)果為：[40, 80, 120, 160]

關(guān)于“JavaScript中Array內(nèi)置對象里的map函數(shù)如何使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。