JavaScript中Array內置對象里的map函數如何使用

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

一、概念

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

注意：當需要同時修改原數組時，可以在 callback 執行過程中給原數組重新賦值。

二、語法

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

說明：

        callback 是傳入 map() 的回調函數，是必傳參數。

        thisObj 傳入時會被用作回調函數的 this 值，是可選參數

        currentElement 指 callback 當前元素，必傳參數。

        currentIndex 指 callback 當前元素的索引，可選參數。

        originalArray 指被處理的數組，即原數組，可選參數。

三、示例

1、返回新數組：由原數組中每個元素的10倍數值組成的。

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

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

        return currentElement * 10

})

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

簡寫方式：

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

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

2、修改原數組：將原數組中每個元素的數字擴大20倍。

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

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

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

關于“JavaScript中Array內置對象里的map函數如何使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。