首页 >web前端 >js教程 > 正文

es6 map()方法是干什么的

原创2021-09-29 17:32:470934

在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()方法是干什么的的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:es6 map()方法
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php字符串怎么转化为浮点型数据860
    怎么用nodejs运行脚本509
    命令行怎么查看nodejs版本号745
    推荐视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • JavaScript极速入门JavaScript极速入门
  • JavaScript函数与闭包JavaScript函数与闭包
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • 视频教程分类