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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java基础之序列化对象Serialized

    Java基础之序列化对象Serialized文章目录序列化对象Serialized目的:序列化类型应用场景代码案例直接应用自定义对象序列化序列化对象Serialized目的:序列化机制允许将实现序列化的Java对象转换成字节序列,这些字节序列可以被保存在磁盘上,或者通过网络传输,以备以后重新恢复成原来的对象.序列化类型对象的序列化(serialize)指将一个Java对象写入IO流中对象的反序列化机制(Deserialize)则指从IO流中恢复该Java对象.应用场景当你想把的内存中的对象保存到一个文件中或者数据库中时候;

    2022年6月24日
    29
  • Jmeter断言-响应断言「建议收藏」

    Jmeter断言-响应断言「建议收藏」1:Jmeter断言-响应断言1.1:添加线程组1.2:添加http请求1.3:在http请求下添加“响应断言”1.4:添加查看结果树和Debug取样器1:断言成功的结果2:断言失败的结果(如下修改)2:参数化断言2.1:添加CSV配置原件2.2:对要测试的内容进行参数化2.3:观察结果树结果与第一章一样都是pass的3:模式匹配规则的介绍3.1:Substring模式匹配规则匹配其中的一段字符…

    2025年6月18日
    2
  • SVN汉化包安装方法「建议收藏」

    SVN汉化包安装方法「建议收藏」注意:下载的svn汉化包必须与svn客户端版本对应,否则安装无效     1、首先安装svn客户端,然后将svn汉化包放在svn的安装目录下。   2、安装svn汉化包之前,将svn安装目录下的languages目录下的文件全部删除。3、svn汉化包安装完成后,选择中文即可

    2025年8月15日
    2
  • 2019js前端面试最全集合

    2019js前端面试最全集合一、html和css部分1、如何理解CSS的盒子模型?标准盒子模型:宽度=内容的宽度(content)+border+padding低版本IE盒子模型:宽度=内容宽度(content+border+padding)2、BFC?什么是BFCBFC(BlockFormattingContext)格式化上下文,是Web页面中盒模型布局的CSS…

    2022年6月3日
    30
  • plugins webpack_webpack实现原理

    plugins webpack_webpack实现原理plugin插件是webpack的支柱功能。webpack自身也是构建于你在webpack配置中用到的相同的插件系统之上!插件目的在于解决loader无法实现的其他事。常用的插件

    2022年7月29日
    4
  • jenkins私库上进行web项目部署原理[通俗易懂]

    jenkins私库上进行web项目部署原理[通俗易懂]2019独角兽企业重金招聘Python工程师标准>>>…

    2022年7月18日
    17

发表回复

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

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