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


相关推荐

发表回复

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

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