前端教程_es6 map()方法是干什么的

 所属分类:web前端开发

 浏览:172次-  评论: 0次-  更新时间:2022-06-10
描述:这是一篇前端教程_es6 map()方法是干什么的的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 在es6中,ma...
这是一篇前端教程_es6 map()方法是干什么的的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。

在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);

输出结果:

4.png

示例2:使用 JavaScript 内置方法作为回调函数

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

输出结果:

1.png

相关推荐:javascript视频教程

以上就是es6 map()方法是干什么的的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!