這篇文章將為大家詳細(xì)講解有關(guān)es6中map()方法有什么用,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)專注于天祝藏族自治網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供天祝藏族自治營(yíng)銷型網(wǎng)站建設(shè),天祝藏族自治網(wǎng)站制作、天祝藏族自治網(wǎng)頁(yè)設(shè)計(jì)、天祝藏族自治網(wǎng)站官網(wǎng)定制、微信小程序定制開(kāi)發(fā)服務(wù),打造天祝藏族自治網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供天祝藏族自治網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
在es6中,map()方法用于對(duì)數(shù)組中的每個(gè)元素調(diào)用指定的回調(diào)函數(shù)進(jìn)行處理,并返回包含結(jié)果的數(shù)組;語(yǔ)法“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ì)象。
下面通過(guò)代碼示例來(lái)具體了解一下:
示例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í),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。