大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章将为大家详细讲解有关es6中map()方法有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联专注于天祝藏族自治网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供天祝藏族自治营销型网站建设,天祝藏族自治网站制作、天祝藏族自治网页设计、天祝藏族自治网站官网定制、微信小程序定制开发服务,打造天祝藏族自治网络公司原创品牌,更为您提供天祝藏族自治网站排名全网营销落地服务。
在es6中,map()方法用于对数组中的每个元素调用指定的回调函数进行处理,并返回包含结果的数组;语法“array.map(function callbackfn (value, index, array), thisArg);”。
本教程操作环境: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);
输出结果:
示例2:使用 JavaScript 内置方法作为回调函数
var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
输出结果:
关于“es6中map()方法有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。