javaScript Array.Map的使用

最新推荐文章于 2023-09-20 22:52:52 发布
最新推荐文章于 2023-09-20 22:52:52 发布
阅读量652 收藏
点赞数
文章标签： JavaScript Map
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34574204/article/details/89394662
版权

Map返回的是一个新数组，每个元素都是回调函数的结果，Map方法会给每个元素按照顺序执行一遍，但是map不会改变原来的数组
Map有三个参数
1.数组元素
2.元素索引
3.原来数组
例子如下
var Arr = [1,2,3,4,5,6]
var ArrMap = Arr.map(item =>item)
console.log(ArrMap)
结果如下图在这里插入图片描述
还有一个例子是在面试中遇到的，当时回答错了，回去百度了一下，恍然大悟,例子如下
[“1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”].map(parseInt);
输出的结果为[1,NAN,NAN]
原因是：使用parseInt时通常只需要一个参数，第二个参数时将传过来的索引数当作二进制来进行处理 所以返回NAN

大莲芒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript中Array.prototype.map()详解
10-25
map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值组合起来形成一个新数组。 callback 函数只会在有值的索引上被调用；那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。
javascript数组的遍历方法
m0_55274162的博客
04-08 1070
1.for循环最常见的（要注意的是var声明的i和let声明的i区别） let arr=[1,2,3,4,5,6,7,8,9] //用var声明的i for(var i=0;i<arr.length;i++){ console.log(i) => 0 1 2 3 4 5 6 7 8 } console.log(i)=> 9 //用let声明的i for(let i=0;i<arr.length;i++){ console.log(i) =>0 1.
JavaScript中的map()方法详解（均采用es6语法）
自由如风hsj的博客
12-31 1万+
JavaScript中的map()方法详解（均采用es6语法） 1. map() 的返回值是一个新的数组，新数组中的元素为 “原数组调用函数处理过后的值” 2. 简单使用：遍历整个数组，将大于4的元素乘以2 const array = [2, 3, 4, 4, 5, 6] console.log("array",array) const map = array.map(x => { if (x == 4) { return x * 2 } return x
map详解
m0_73589635的博客
02-23 119
map详解
js数组高阶函数——map()方法
杜永康的博客
06-16 2万+
但数据大的情况下，用map（）会很耗性能，因为map（）会对数组中的每个元素执行一次callback方法。⭐map() 方法是数组原型的一个函数，该函数用于对数组中的每个元素进行处理，将其转换为另一个值，最终返回一个新的数组，该数组包含了经过处理后的每个元素。函数遍历数组中的每个元素，并通过比较当前元素在数组中的索引位置来判断是否保留。方法对该数组中的每个元素使用了一次函数，该函数将每个字符串转换为数字并返回新的数组。方法对该数组中的每个元素执行了一次函数，该函数将每个数字乘以 2 并返回新的数组。
js中关于Map函数的基本使用
qq_37823919的博客
09-20 379
【代码】js中关于Map函数的基本使用。
你应该知道的 JavaScript Array.map() 的 5 种用途
weixin_42817899的博客
11-14 496
从经典的 for 循环到forEach()方法，用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是.map()方法。 .map()通过指定函数调用一个数组中每一项元素，来创建一个新数组。.map()是一种 non-mutating(非变异) 方法，它创建一个新数组，而不是只对调用数组进行更改的 mutating(变异) 方法。这可能很难记住。 在这篇文章中，我们将探讨一下 Ja...
JS 数组中的 map 方法
a15220216758的博客
07-12 2893
JS 数组中的 map 方法
Array.prototype.map:符合Array.prototype.map规范的polyfill
05-01
符合ES5规范的Array.prototype.map填充程序/ polyfill / replacement可以使用到ES3。 该软件包实现了接口。 它可以在ES3支持的环境中工作并符合。 因为Array.prototype.map依赖于接收方（“ this”值），所以...
你应该了解的JavaScript Array.map()五种用途小结
12-12
前言 从经典的 for 循环到 forEach() 方法，用于迭代数据集合的各种技术和方法...array.map(function(currentValue,index,arr), thisValue) currentValue：必须。当前元素的值 index：可选。当期元素的索引值 ar
JavaScript Array map.docx
最新发布
03-02
javascript
带你了解Array.map()方法
qq_35370002的博客
08-16 1万+
Array.map方法前言1.map()方法2.map和forEach的区别 前言 上回我们介绍了forEach()方法，今天再来介绍一个遍历数组的方法——Array.map()，它的用法跟forEach方法类似。我们今天重点讲一下map和forEach的区别。 1.map()方法 语法：array.map(function(currentValue,index,arr), thisValue) 其中 callback为数组中每个元素执行的函数，该函数可接受1-3个参数：   currentvalue参数表
javascript 中的map()方法
热门推荐
xm1037782843的博客
03-19 7万+
接口数据映射 从接口得到数据 res: let r = res.map(item => { return { title: item.name, sex: item.sex === 1? '男':item.sex === 0?'女':'保密', age: item.age, avatar: item.img ...
Map集合中的方法（添加、删除、判断、获取）
Architect_CSDN的博客
05-31 5765
/*  Map集合：该集合存储键(K)值(V)对,一对一往里存，而且要保证键的唯一性。     1、添加         put(K key,V value)         putAll(Map&lt;? extends K,? extends V&gt; m)     2、删除         clear()         remove(Object key)     3、判断       ...
JavaScript之数组方法map详解（一）
News777的博客
07-01 1万+
与其它数组迭代方式一样，map的回调函数也有三个参数(可以单独使用，隐藏和)： 注：返回 val 的绝对值 注：返回 val 的平方根 2.2 String 与 Number 类型互转 String 转为 Number Number 转为 String 2.3 取数组对象中某一属性组成新数组 不仅仅于此，你也可以对这一属性或是新数组进行满足需求的一些操作，如： 年龄数组降序 名称数组转成字符串 2.4 提取数组对象的属性值组成新的数组对象 2.5 提取值，改变键值，组成新的数组对
JavaScript中内置函数Map()的使用浅谈
xiaoweids的博客
06-07 2008
Map()是JavaScript中内置的一种数据结构，它允许您将键值对映射到任意类型的值。Map()的使用非常简单，您可以通过以下方式创建一个新的Map()实例。1newMap();现在，您可以使用set()方法向Map()中添加元素。set()方法接受两个参数：键和值。12myMap.set("key1""value1"myMap.set("key2""value2"这里，我们将字符串"key1"和"key2"分别映射到值"value1"和"value2"。
JavaScript---Map数据结构
CSPsy的博客
01-09 3634
JS---Map1. 什么是 Map2. Map 构造函数2.1) 数组2.2) Set2.3) Map3. Map 的实例属性和方法3.1) Map 的属性size3.2) Map 的方法setgethasdeleteclearforEach4. Map的注意事项5. Map的使用场景 1. 什么是 Map Map 就是映射的意思，即从键到值的映射。 Map 保存键值对，并且能够记住键的原始插入顺序。 那么它和 Object 有什么区别 ？ 对象一般用字符串作键 const obj = { v
JavaScript中Array数组的map()函数的详解
能先森的博客
03-31 7862
前言 开发中，经常会用到js的Array数组的各种迭代函数map()，filter()，some()，every()，forEach()，find() findIndex()，也是在ES6中新增一些遍历函数。同样是不是也是一道面试题，说说ES6新增的一些新特性？？？？ ✍开始正文map()函数 ✍一、对map()函数的定义： map()：通过指定函数处理数组中的每一个元素，并返回一个处理...
JavaScript中Map方法的详解
yjxkq99的博客
08-24 4729
map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。map()方法按照原始数组元素顺序依次处理元素。
array.map和foreach
07-28
`array.map`和`array.forEach`是JavaScript中常用的数组方法，用于遍历数组并对每个元素执行特定操作。它们有一些区别： 1. **返回值：** `array.map`返回一个新的数组，该数组包含对原始数组中的每个元素应用特定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值