es6中map()方法有什么用

這篇文章將為大家詳細(xì)講解有關(guān)es6中map()方法有什么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在es6中，map()方法用于對(duì)數(shù)組中的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)進(jìn)行處理，并返回包含結(jié)果的數(shù)組；語法“array.map(function callbackfn (value, index, array), thisArg);”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

JavaScript map() 方法可以對(duì)數(shù)組的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)，并返回包含結(jié)果的數(shù)組。

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array)：一個(gè)回調(diào)函數(shù)，最多可接受三個(gè)參數(shù)：

• value：數(shù)組元素的值。

• index：數(shù)組元素的數(shù)字索引。

• array：包含該元素的數(shù)組對(duì)象。

map() 方法將返回一個(gè)新數(shù)組，其中每個(gè)元素均為關(guān)聯(lián)的原始數(shù)組元素的回調(diào)函數(shù)返回值。對(duì)于數(shù)組中的每個(gè)元素，map() 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次（采用升序索引順序），并不會(huì)為數(shù)組中缺少的元素調(diào)用回調(diào)函數(shù)。

除了數(shù)組對(duì)象之外，map() 方法可由具有 length 屬性，且具有已按編制索引的屬性名的任何對(duì)象使用，如 Arguments 參數(shù)對(duì)象。

下面通過代碼示例來具體了解一下：

示例1：將全部元素值都擴(kuò)大一倍（即乘以2）

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

輸出結(jié)果：

示例2：使用 JavaScript 內(nèi)置方法作為回調(diào)函數(shù)

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

輸出結(jié)果：

關(guān)于“es6中map()方法有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。