首頁 > web前端 > js教程 > 主體

es6 map()方法是做什麼的

青灯夜游
發布: 2023-01-11 09:22:51
原創
7826 人瀏覽過

在es6中,map()方法用於對陣列中的每個元素呼叫指定的回呼函數進行處理,並傳回包含結果的陣列;語法「array.map(function callbackfn (value, index , array), thisArg);」。

es6 map()方法是做什麼的

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

JavaScript map() 方法可以對陣列的每個元素呼叫指定的回呼函數,並傳回包含結果的陣列。

array.map(function callbackfn (value, index, array), thisArg);
登入後複製

function callbackfn (value, index, array):一個回呼函數,最多可接受三個參數:

  • value:陣列元素的值。

  • index:陣列元素的數字索引。

  • array:包含該元素的陣列物件。

map() 方法將傳回一個新數組,其中每個元素均為關聯的原始數組元素的回呼函數傳回值。對於陣列中的每個元素,map() 方法都會呼叫 callbackfn 函數一次(採用升序索引順序),並不會為陣列中缺少的元素呼叫回呼函數。

除了陣列物件之外,map() 方法可由具有 length 屬性,且具有已依編製索引的屬性名的任何物件使用,如 Arguments 參數物件。

下面透過程式碼範例來具體了解一下:

範例1:將全部元素值都擴大一倍(即乘以2)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);
登入後複製

輸出結果:

es6 map()方法是做什麼的

範例2:使用 JavaScript 內建方法作為回呼函數

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4
登入後複製

輸出結果:

es6 map()方法是做什麼的

相關推薦:javascript影片教學

#

以上是es6 map()方法是做什麼的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!