map是es6中的方法;該方法可以對數組的每個元素調用指定的回調函數,並且傳回包含結果的數據,返回結果是一個新的數組,語法為「數組物件.map (function 回呼函數(數組元素的值,數組元素索引,數組物件));」。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
map() 方法可以對陣列的每個元素呼叫指定的回呼函數,並傳回包含結果的陣列。具體用法如下:
array.map(callbackfn[, thisArg]);
參數說明:
array:必要參數,陣列物件。
callbackfn:必要參數,最多可以接收三個參數的函數。對於陣列中的每個元素,map() 方法都會呼叫 callbackfn 函數一次。
thisArg:可選參數,callbackfn 函數中的 this 關鍵字可引用的物件。如果省略 thisArg,則 undefined 將用作 this 值。
map() 方法將傳回一個新數組,其中每個元素均為關聯的原始數組元素的回調函數傳回值。對於陣列中的每個元素,map() 方法都會呼叫 callbackfn 函數一次(採用升序索引順序),不會為陣列中缺少的元素呼叫回調函數。
除了陣列物件之外,map() 方法可由具有 length 屬性,且具有已依編制索引的屬性名稱的任何物件使用,如 Arguments 參數物件。
回呼函數的語法如下:
function callbackfn (value, index, array);
使用者可以使用最多三個參數來宣告回呼函數。回呼函數的參數說明如下:
value:陣列元素的值。
index:陣列元素的數字索引。
array:包含該元素的陣列物件。
範例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
【相關推薦:javascript影片教學、web前端】
以上是map是es6中的方法嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!