绵阳梓潼网站制作公司

es6中map()方法有什么用

这篇文章将为大家详细讲解有关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);

输出结果：

es6中map()方法有什么用

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

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

输出结果：

es6中map()方法有什么用

关于“es6中map()方法有什么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。


网站栏目：es6中map()方法有什么用
当前路径：http://myzitong.com/article/ghosjh.html

其他资讯