array.map()

array.map() 在ㄧ般實務上常常會使用到

特別是需要對陣列的資料進行操作,

但又不希望改變陣列的原始資料

array.map() 會將陣列內的元素

一個一個傳出來做運算(迭代）

運算完後會產生一個新陣列

回傳給使用者

Syntax MDN-array.prototype.map

let new_array = arr.map(function callback( currentValue[, index[, array]]) {
    // return element for new_array
}[, thisArg])

• currentValue 代表目前處理中的元素

• index 代表目前處理中的元素的索引值

• array 代表陣列本身

• thisArg 代表 callback 裡面的 this 是指向哪一個物件

Example

將陣列內的值迭代及運算後回傳該陣列,且不改變原陣列

箭頭函式的寫法

const numbers = [1, 4, 9, 25, 36];

let new_ary = numbers.map(function (now_value, index) {  //使用map()的前兩個參數 value,index
 	return now_value * 100 + index;  //每一次得到的值乘100再加上各別的索引值

})

//let new_ary = numbers.map((value, index) => value * 10000 + index)  //每一次得到的值乘10000再加上各別的索引值

console.log('old array = '+ numbers)
console.log('new array = ' + new_ary)