js map方法是es6的嗎

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

本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

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。

【推薦學習：javascript影片教學】

#

以上是js map方法是es6的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！