本文小編為大家詳細介紹“js map方法是不是es6的”，內容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“js map方法是不是es6的”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：空間域名、雅安服務器托管、營銷軟件、網站建設、郊區(qū)網站維護、網站推廣。

map()方法是es6的。在es6中，map()方法可以對數組的每個元素調用指定的回調函數，并返回包含結果的數組，語法“array.map(function callbackfn (value, index, array), thisArg);”。map()方法將返回一個新數組，其中每個元素均為關聯的原始數組元素的回調函數返回值。

JavaScript中的map()方法詳解（均采用es6語法）

JavaScript map() 方法可以對數組的每個元素調用指定的回調函數，并返回包含結果的數組。

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array)：一個回調函數，最多可接受三個參數：

• value：數組元素的值。

• index：數組元素的數字索引。

• array：包含該元素的數組對象。

map() 的返回值是一個新的數組，新數組中的元素為 “原數組調用函數處理過后的值”。對于數組中的每個元素，map() 方法都會調用 callbackfn 函數一次（采用升序索引順序），并不會為數組中缺少的元素調用回調函數。

簡單使用：遍歷整個數組，將大于4的元素乘以2

const array = [2, 3, 4, 4, 5, 6]

console.log("array",array)
const map = array.map(x => {
    if (x == 4) {
        return x * 2
    }
    return x
})

console.log("map",map)

輸出的結果為：等于4的元素乘以2

3. map()函數的參數詳解

一般參數是一個回調函數

array.map((item,index,arr)=>{
	//item是操作的當前元素
	//index是操作元素的下表
	//arr是需要被操作的元素
	//具體需要哪些參數 就傳入那個
})

 const array = [2, 3, 4, 4, 5, 6]
 console.log("原數組array為",array)
 const map2=array.map((item,index,arr)=>{
            console.log("操作的當前元素",item)
            console.log("當前元素下標",index)
            console.log("被操作的元素",arr)
            //對元素乘以2
            return item*2
 })
 console.log("處理之后先產生的數組map",map2)

輸出的結果為：

總結：map()方法經常拿來遍歷數組，但是不改變原數組，但是會返回一個新的數組

注意：有時候會出現這種現象，出現幾個undefined

 const array = [2, 3, 4, 4, 5, 6]
 console.log("原數組array為",array)
 const map = array.map(x => {
            if (x == 4) {
                return x * 2
            }
  })

其實，map（）方法是對每一項數組進行遍歷，遍歷一次，返回一個值，給新數組加上一個元素，這是就是滿足x=4的元素，只有兩個，所以其他項就返回了undefined。

讀到這里，這篇“js map方法是不是es6的”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。