iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >map是不是es6中的方法
  • 879
分享到

map是不是es6中的方法

2024-04-02 19:04:59 879人浏览 安东尼
摘要

这篇文章主要讲解了“map是不是es6中的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“map是不是es6中的方法”吧! m

这篇文章主要讲解了“map是不是es6中的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“map是不是es6中的方法”吧!

map是es6中的方法;该方法可以对数组的每个元素调用指定的回调函数,并且返回包含结果的数据,返回结果是一个新的数组,语法为“数组对象.map(function 回调函数(数组元素的值,数组元素索引,数组对象));”。

教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

map是es6中的方法吗

map() 方法可以对数组的每个元素调用指定的回调函数,并返回包含结果的数组。具体用法如下:

array.map(callbackfn[, thisArg]);

参数说明:

  • array:必需参数,一个数组对象。

  • callbackfn:必需参数,最多可以接收三个参数的函数。对于数组中的每个元素,map() 方法都会调用 callbackfn 函数一次。

  • thisArg:可选参数,callbackfn 函数中的 this 关键字可引用的对象。如果省略 thisArg,则 undefined 将用作 this 值。

map() 方法将返回一个新数组,其中每个元素均为关联的原始数组元素的回调函数返回值。对于数组中的每个元素,map() 方法都会调用 callbackfn 函数一次(采用升序索引顺序),并不会为数组中缺少的元素调用回调函数。

除了数组对象之外,map() 方法可由具有 length 属性,且具有已按编制索引的属性名的任何对象使用,如 Arguments 参数对象。

回调函数的语法如下:

function callbackfn (value, index, array);

用户可以使用最多三个参数来声明回调函数。回调函数的参数说明如下:

  • value:数组元素的值。

  • index:数组元素的数字索引。

  • array:包含该元素的数组对象。

示例1

下面示例使用 map() 方法映射数组,把数组中每个元素的值平方,乘以 PI 值,把返回的圆的面积值作为新数组的元素值,最后返回这个新数组。

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

示例2

下面示例使用 map() 方法映射数组,把数组中每个元素的值除以一个阈值,然后返回这个新数组其中回调函数和阈值都以对象的属性存在,通过这种方法演示如何在 map 中使用 thisArg 参数。

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

感谢各位的阅读,以上就是“map是不是es6中的方法”的内容了,经过本文的学习后,相信大家对map是不是es6中的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: map是不是es6中的方法

本文链接: https://www.lsjlt.com/news/97542.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • map是不是es6中的方法
    这篇文章主要讲解了“map是不是es6中的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“map是不是es6中的方法”吧! m...
    99+
    2024-04-02
  • js map方法是不是es6的
    本文小编为大家详细介绍“js map方法是不是es6的”,内容详细,步骤清晰,细节处理妥当,希望这篇“js map方法是不是es6的”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。map()方法是es6的。在es6...
    99+
    2023-07-04
  • js map方法是es6的吗
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。JavaScript中的map()方法详解(均采用es6语法)JavaScript map() 方法可以对数组的每个元素调用指定的回调函数,并返回包含结果...
    99+
    2023-05-14
    map ES6
  • eval是不是es6中的方法
    本文小编为大家详细介绍“eval是不是es6中的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“eval是不是es6中的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2024-04-02
  • js中filter是不是es6的方法
    这篇“js中filter是不是es6的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“j...
    99+
    2024-04-02
  • es6 map成员是不是唯一的
    今天小编给大家分享一下es6 map成员是不是唯一的的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。es6 map成员是唯一的...
    99+
    2023-07-04
  • filter是不是es6的方法
    这篇“filter是不是es6的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“filt...
    99+
    2024-04-02
  • es6 map是不是引用类型
    本篇内容主要讲解“es6 map是不是引用类型”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“es6 map是不是引用类型”吧!map是引用类型;map(集合)是es6新增的一种引用数据类型,表示...
    99+
    2023-07-05
  • assign是不是es6方法
    这篇文章将为大家详细讲解有关assign是不是es6方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 assign是es6方法。assign...
    99+
    2024-04-02
  • es6中map对象的遍历方法是什么
    这篇“es6中map对象的遍历方法是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es...
    99+
    2024-04-02
  • es6的map是有序吗
    本篇内容主要讲解“es6的map是有序吗”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“es6的map是有序吗”吧!map是有序的。ES6中的map类型是一种储存着许多键值对的有序列表,其中的键名...
    99+
    2023-07-04
  • let是不是es6的语法
    这篇文章主要介绍了let是不是es6的语法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇let是不是es6的语法文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • 数组some和every是不是es6的方法
    今天小编给大家分享一下数组some和every是不是es6的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我...
    99+
    2024-04-02
  • es6中map指的是什么意思
    这篇文章将为大家详细讲解有关es6中map指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在es6中,map是一种数据结构,是“...
    99+
    2024-04-02
  • require是不是es6语法
    本篇内容主要讲解“require是不是es6语法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“require是不是es6语法”吧!不是,require是CommonJS规范的模块化语法;而es6...
    99+
    2023-07-04
  • concat是不是es6语法
    这篇文章主要介绍“concat是不是es6语法”,在日常操作中,相信很多人在concat是不是es6语法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”concat是不是es6语法”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-04
  • es6中map()方法有什么用
    这篇文章将为大家详细讲解有关es6中map()方法有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在es6中,map()方法用于对数组...
    99+
    2024-04-02
  • es6中map和object的区别是什么
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。Map和Object的概念Object在ECMAScript中,Object是一个特殊的对象。它本身是一个顶级对象,同时还是一个构造函数,可以通过它(如:...
    99+
    2022-11-22
    ES6
  • es6 class是不是语法糖
    这篇文章主要介绍了es6 class是不是语法糖的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6 class是不是语法糖文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • promise是不是es6的
    本篇内容主要讲解“promise是不是es6的”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“promise是不是es6的”吧!是的。promise是ECMAScript 6新增的引用类型,表示一...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作