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年7月13日 下午5:36
下一篇 2022年7月13日 下午5:36


相关推荐

  • idea激活码永久有效-激活码分享

    (idea激活码永久有效)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html9A…

    2022年3月22日
    749
  • 智能家居产业链分析

    智能家居产业链分析“一盘散沙,各自为营”是目前国内智能家居产业生态的真实写照。从地域上来看,北京、华南地区比较活跃。北京高校、科研院所云集,具备雄厚的科技力量优势,华南地区的中小企业多,也较为活跃。“这也和十几年前一样,智能家居这块目前还是小企业更为活跃,大企业在等待时机。”广东华南家电研究院院长孙颖楷向记者表示。“从传统的家具行业角度划分,上游是元器件厂商,如传感器、芯片等;中游是控制器和控制软件

    2022年6月22日
    43
  • AI智能体|扣子Coze实战教程:搭建Labubu小红书图文智能体

    AI智能体|扣子Coze实战教程:搭建Labubu小红书图文智能体

    2026年3月12日
    1
  • latex-列表 itemize enumerate description 自定义

    latex-列表 itemize enumerate description 自定义介绍 latex 主要有三种列表环境 进行罗列的实现 无序列表 itemize 有序列表 enumerate 描述列表 description 本文进行了一一介绍和演示 同时添加了嵌套列表环境和自定义列表环境的说明 latex 列表环境 latex 的列表环境都是使用例如如下的形式进行的罗列 begin itemize item 条目 1 item 条

    2026年3月19日
    0
  • PyCharm专业版:激活&汉化

    PyCharm专业版:激活&汉化1 pycharm 专业版下载 http www jetbrains com pycharm 提供一个网盘地址 链接 http pan baidu com s 1kUPQsv1 密码 wt752 pycharm 激活 常规安装 到激活的时候 选择 server 选项 输入 http idea imsxm com 3 激活完成后 发现打开软件为英文版 4

    2026年3月27日
    1
  • 探索LLM应用落地:从Prompt到Agent的演进与实现,小白程序员必备收藏指南

    探索LLM应用落地:从Prompt到Agent的演进与实现,小白程序员必备收藏指南

    2026年3月14日
    1

发表回复

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

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