在ecmascript中，map()方法可以對陣列的每個元素呼叫指定的回呼函數進行處理，並傳回包含結果的陣列；語法「array.map(function(currentValue,index,arr) , thisValue)」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
map()方法可以對陣列的每個元素呼叫指定的回呼函數進行處理，並傳回包含結果的陣列。
map() 方法依照原始陣列元素順序依序處理元素。
語法
array.map(function(currentValue,index,arr), thisValue)
| 參數 | #描述 |
|---|---|
| function(currentValue, index,arr) | 必須。函數，數組中的每個元素都會執行這個函數。 函數參數：
|
| thisValue | 可選。物件作為該執行回呼時使用，傳遞給函數，用作 "this" 的值。 如果省略了 thisValue，或是傳入 null、undefined，那麼回呼函數的 this 就是全域物件。 |
map() 方法將傳回一個新數組，其中每個元素均為關聯的原始數組元素的回調函數傳回值。對於陣列中的每個元素，map() 方法都會呼叫 callbackfn 函數一次（採用升序索引順序），並不會為陣列中缺少的元素呼叫回呼函數。
除了陣列物件之外，map() 方法可由具有 length 屬性，且具有已依編製索引的屬性名的任何物件使用，如 Arguments 參數物件。
map() 方法不會直接修改原始數組，但回呼函數可能會修改它。在 map 方法啟動後修改陣列物件所獲得的結果說明如表所示。
| map 方法啟動後的條件 | 元素是否傳遞給回呼函數 |
|---|---|
| 在陣列的原始長度之外加上元素 | 否 |
| #新增元素以填入陣列中缺少的元素 | 是，如果該索引尚未傳遞給回呼函數 |
| 元素已更改 | 是，如果該元素尚未傳遞給回調函數 |
| 從陣列中刪除元素 | 否，除非該元素已傳遞給回呼函數 |
範例1
下面範例使用map() 方法來對應數組，把數組中每個元素的值平方，乘以PI 值，把傳回的圓的面積值當作新數組的元素值，最後回傳這個新數組。
function f (radius) {
var area = Math.PI * (radius * radius);
return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);
範例2
#下面範例使用map() 方法來對應數組，把數組中每個元素的值除以一個閾值，然後傳回這個新數組其中回調函數和閾值都以物件的屬性存在，透過這種方法示範如何在map 中使用thisArg 參數。
var obj = {
val : 10,
f : function (value) {
return value % this.val;
}
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1); //6,2,5,0
範例3
#下列範例示範如何使用 JavaScript 內建方法作為回呼函數。
var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
範例4
#下列範例示範如何使用 map 方法套用於一個類別陣列。在範例中透過動態呼叫的方法（Call）把map 作用於一個字串上，則map 將遍歷字串中每個字符，並調用回調函數threeChars，把每個字符左右3 個字符截取出來，映射到一個新數組中。
方法有什麼用 "163885754059852ecmascript 5中陣列的map()方法有什麼用")
function f (value, index, str) {
return str.substring(index - 1, index + 2);
}
var s = "Thursday";
var a = [].map.call(s, f);
console.log(a); //Th,Thu,hur,urs,rsd,sda,day,ay
【相關推薦：javascript學習教學】
#以上是ecmascript 5中陣列的map()方法有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
