JavaScript Array的map方法

JavaScript Array的map方法定义和用法:map方法返回一个新数组,不会改变原数组数组中的元素为原始数组元素调用函数处理后的值array.map(function(currentValue,index,arr),thisValue)其中function的三个参数分别是:参数描述currentValue必须。当前元素的值index可选值。当前元素的索引值arr可选值。当前元素属于的数组对象实例:letarrMap:Array<string>=[‘1’,’2

大家好,又见面了,我是你们的朋友全栈君。

定义和用法:

map方法返回一个新数组,不会改变原数组
数组中的元素为原始数组元素调用函数处理后的值

array.map(function(currentValue,index,arr), thisValue)

其中function的三个参数分别是:

参数 描述
currentValue 必须。当前元素的值
index 可选值。当前元素的索引值
arr 可选值。当前元素属于的数组对象

实例:

let arrMap:Array<string> = ['1', '2', '3', 'a', 'b', 'c']
let newArr:Array<string> = arrMap.map((currentValue: string, index: number, arr: Array<string>) => { 
   
    console.log(currentValue, index, arr)
})

执行结果:
在这里插入图片描述

mapparseInt

parseInt(string, radix) 函数可解析一个字符串,并返回一个整数。

参数 描述
string 必需。要被解析的字符串。
radix 可选值,要被解析数字的基数,即被解析数为几进制的字符串。该参数大于2小于36,默认值为0,数字将以10进制数来处理
console.log(['1', '2', '3'].map(parseInt)) // [1, NaN, NaN]

在本例中,map会给方法传递三个参数,但是parseInt只接收前两个,即当前元素值和索引值。所以第二个数和第三个数在parseInt的第二个参数分别为1和2,根据计算得出NaN。
正确结果应该可以是:

console.log(['1', '2', '3'].map(Number)) // [1, 2, 3]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158393.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 经典中的经典算法:动态规划(详细解释,从入门到实践,逐步讲解)

    经典中的经典算法:动态规划(详细解释,从入门到实践,逐步讲解)首先,本博客为原创作品,欢迎指导,随意转载,如果可以请转载时说明出处,附上本文链接,谢谢动态规划的重要性就不多说,直接进入正题首先,我们看一下官方定义:定义:动态规划算法是通过拆分问题,定义问题状态和状态之间的关系,使得问题能够以递推(或者说分治)的方式去解决。动态规划算法的基本思想与分治法类似,也是将待求解的问题分解为若干个子问题(阶段),按顺序求解子阶段,前一子问题的解,为后一子问题…

    2022年4月27日
    55
  • 富文本编辑器kindeditor配置

    富文本编辑器kindeditor配置<!–富文本编辑器kindeditor配置↓–><linktype=”text/css”rel=”stylesheet”href=”kindeditor/themes/default/default.css”/><linkrel=”stylesheet”href=”kindeditor/plugins/code/prettify.cs…

    2022年10月12日
    1
  • 学习java的好书及视频推荐

    学习java的好书及视频推荐转载来自:点击打开链接要想在java领域成为大牛,除了不断进行项目实战以外,还要不断的进行进修和学习,以下将本人学习java多年使用的好书和一些好的视频推荐给大家,这些书和视频都是本人在网络找了很久,后来又经过实践证明的好书和视频。希望对大家学习java有帮助首先,是书的推荐:1学习java,java基础,1.0 入门:HeadFirstJava(

    2022年6月21日
    27
  • SQLyog安装使用教程

    SQLyog安装使用教程SQLyog安装使用教程SQLyog操作简单,功能强大,能够帮助用户轻松管理自己的MYSQL数据库,文章目录SQLyog安装使用教程前言一、安装SQLyog总结前言我这里使用的是SQLyog-13.1.7-0.x64Community,这是目前最新的版本了,除此之外比笔者这里还有12.0.8版本的SQLyog(32位和64位都有),一共三个安装包都会放在云盘里面,需者自取;链接:https://pan.baidu.com/s/16IaaIXR8-l955CfeznDr-A提取码:qhge

    2022年5月28日
    72
  • git fetch 和git pull 的差别

    git fetch 和git pull 的差别

    2021年11月8日
    49
  • linux json文件(tlv格式解析)

    Linux上安装jq:$wgethttp://stedolan.github.io/jq/download/linux32/jq(32-bitsystem)$wgethttp://stedolan.github.io/jq/download/linux64/jq(64-bitsystem)$chmod+x./jq$sudocpjq/usr/bin 

    2022年4月16日
    117

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号