js 陣列 map方法

2021-09-06 22:43:21 字數 1233 閱讀 2439

map

這裡的map不是「地圖」的意思,而是指「對映」。.map();基本用法跟foreach方法類似:

array.map(callback,[ thisobject]);
callback的引數也類似:

.map(function(value, index, array) );
map方法的作用不難理解,「對映」嘛,也就是原陣列被「對映」成對應新陣列。下面這個例子是數值項求平方:

var data = [1, 2, 3, 4];

var arrayofsquares = data.map(function (item) );

alert(arrayofsquares); // 1, 4, 9, 16

callback需要有return值,如果沒有,就像下面這樣:

var data = [1, 2, 3, 4];

var arrayofsquares = data.map(function() {});

arrayofsquares.foreach(console.log);

結果如下圖,可以看到,陣列所有項都被對映成了undefined

在實際使用的時候,我們可以利用map方法方便獲得物件陣列中的特定屬性值們。例如下面這個例子(之後的相容demo也是該例子):

var users = [

, ,

];var emails = users.map(function (user) );

console.log(emails.join(", ")); // [email protected], [email protected], [email protected]

array.prototype擴充套件可以讓ie6-ie8瀏覽器也支援map方法:

if (typeof array.prototype.map != "function") 

}return arr;};}

js 陣列的map 方法的使用

前言 作為乙個剛剛踏入前端世界的小白,工作中看到身邊同事大佬寫的 就像古詩一樣簡介整齊,而我的 如同一堆散沙,看上去毫無邏輯感,而且簡單的功能需要一大堆 才能實現,不僅加大了自己的工作量,同時也給除錯和維護增加了很大難度。這裡拿我的 和大佬的做一下對比 先上我的 categoriesapi then...

js陣列方法map和filter比較

1.map 1 怎麼用?map 方法建立乙個新陣列,其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。const newarr arr.map a console.log newarr 2,2,2 2 用什麼特點?注意點 map 方法會給原陣列中的每個元素都按順序呼叫一次 callback...

陣列方法 map

var arr 1,2,3 var b arr.map function item consonelog b 2,3,4 map 方法返回乙個由原陣列中的每個元素呼叫乙個指定方法後的返回值組成的新陣列。array.map callback thisarg callback原陣列中的元素經過該方法後返...