前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript Array的map方法

JavaScript Array的map方法

作者头像
全栈程序员站长
发布2022-09-14 11:17:06
6460
发布2022-09-14 11:17:06
举报
文章被收录于专栏:全栈程序员必看

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

定义和用法:

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

代码语言:javascript
复制
array.map(function(currentValue,index,arr), thisValue)

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

参数

描述

currentValue

必须。当前元素的值

index

可选值。当前元素的索引值

arr

可选值。当前元素属于的数组对象

实例:

代码语言:javascript
复制
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进制数来处理

代码语言:javascript
复制
console.log(['1', '2', '3'].map(parseInt)) // [1, NaN, NaN]

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

代码语言:javascript
复制
console.log(['1', '2', '3'].map(Number)) // [1, 2, 3]

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年7月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义和用法:
  • 实例:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档