javascript map详解

淡淡的烟草味﹌ 2022-03-15 10:00 263阅读 0赞

##### map() #####

*  不会对空数组进行遍历

let arr = []
            let newArr = arr.map((item, i, arr) => {
                //item:遍历数组的每一项，i:数组当前项的下标，arr原数组
                console.log(`item---${item}, i---${i}, arr---${arr}`)
                return item + i
            })
            console.log(newArr) //[]
    复制代码

\*\*函数内console没有执行，证明数组为空是并不执行遍历

*  返回一个新数组，长度等于原数组长度

let arr = [1, 2, 3]
            let newArr = arr.map((item, i, arr) => {
                //item:遍历数组的每一项，i:数组当前项的下标，arr原数组
                console.log(`item---${item}, i---${i}, arr---${arr}`)
                return item + i
            })
            console.log(newArr) //[undefined, undefined, undefined]
    复制代码

\*\*即便函数返回空 结果数组的长度和原数组是一致的

*  不会改变原数组

let arr = [1, 2, 3]
            let newArr = arr.map((item, i, arr) => {
                //item:遍历数组的每一项，i:数组当前项的下标，arr原数组
                console.log(`item---${item}, i---${i}, arr---${arr}`)
                return item + i
            })
            console.log(newArr,arr) //[1, 3, 5]
    复制代码

*  map() 参数必须是函数

let arr = [1, 2, 3]
            let obj = {
                1: 2
            }
            let arr1 = [1, 2]
            let str = 123
            // let newArr = arr.map(obj)
            let newArr1 = arr.map(arr1)
            let newArr2 = arr.map(str)
    复制代码

*  函数接收三个参数
    
    1.  item (必须) 当前遍历项
    2.  i （非必须）当前遍历项下标
    3.  arr (非必须) 原数组

###### 完整demo ######

let arr = [1, 2, 3]
            let newArr = arr.map((item, i, arr) => {
                //item:遍历数组的每一项，i:数组当前项的下标，arr原数组
                console.log(`item---${item}, i---${i}, arr---${arr}`)
                return item + i
            })
            console.log(newArr) //[1, 3, 5]
    复制代码

您的点赞是我的动力 谢谢！

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 map详解

map是什么？ Map是一个以键值对存储的接口 ![073de9e4ab3a44f4a1ee6e799ca2eb62.png][] Map集合存储元素是成对出现的，Map

约定不等于承诺〃/ 2023年10月04日 20:46/ 0 赞/ 48 阅读

相关 Javascript的Map对象

前言最近工作写js，需要传json到后台，虽然本身js的Array也可以是一个HashMap一样，但是还是感觉很麻烦，方法很少，写起来不够爽。就用了十几分钟百度了一下j

阳光穿透心脏的1/2处/ 2022年09月21日 15:23/ 0 赞/ 183 阅读

相关 JavaScript 实现Map

var map=new Map(); map.put("a","A");map.put("b","B");map.put("c","C"); map.get("a"); /

系统管理员/ 2022年08月24日 04:09/ 0 赞/ 202 阅读

相关 Javascript map 如何实现

javascript没有原生态的map对象。如果在javascript中想要使用类似于java中的map，该如何操作呢？首先map最重要的几个方面是： 0. 如何定义

柔光的暖阳◎/ 2022年08月12日 01:17/ 0 赞/ 245 阅读

相关 JavaScript Source Map 详解

![bg2013012203.png][] 这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 [http://ajax.goog

ゝ一纸荒年。/ 2022年07月28日 00:04/ 0 赞/ 202 阅读

相关 JavaScript之forEach()、map()、reduce(),filter() 的区别详解

首先我给出一段代码： <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="

短命女/ 2022年05月29日 07:45/ 0 赞/ 187 阅读

相关 Map详解

转载请注明链接:[https://blog.csdn.net/feather\_wch/article/details/82500561][https_blog.csdn.ne

阳光穿透心脏的1/2处/ 2022年05月14日 12:13/ 0 赞/ 225 阅读

相关 javascript map详解

map() 不会对空数组进行遍历 let arr = [] let newArr = arr.map((item, i, arr)

淡淡的烟草味﹌/ 2022年03月15日 10:00/ 0 赞/ 264 阅读

相关 JavaScript Source Map 详解

![bg2013012203.png][] 这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 [http://ajax.goog

小咪咪/ 2022年01月26日 03:19/ 0 赞/ 251 阅读

相关 JavaScript引用类型---Map

一、创建Map对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值 1.构造函数语法：new Map([iterable]) 参数： ...

红太狼/ 2021年03月23日 14:09/ 0 赞/ 553 阅读