0
点赞
收藏
分享

微信扫一扫

map映射数组与引用类型处理技巧


这个映射你可以理解为,我们平时去生活中打印店复制一张纸。

哇,插入个话题,想当年我刚毕业的时候就是在广告设计店工作的~~~~哈哈哈哈,这个复印的对于我来说简直是太熟悉了~~~~

map映射数组与引用类型处理技巧_数组

咳咳,偏题了。

当我们复印一份数组的时候,在复印的过程中,我们可以对他进行二次处理。

<script> let arr = ['hdcms', 'houdunren','test']; let result = arr.map(function(value,index,arr){     return 1 })console.log(result); // 这边的返回值就是返回 一个新数组</script>

map映射数组与引用类型处理技巧_媒体查询_02

那么现在,我们希望把这个value变换一下,每个前面加上'后端认-'怎么做呢?

let arr = ['hdcms', 'houdunren','test'];let hd = arr.map(function(value,index,arr){       return  value = `后盾人-${value}`  }) console.log(hd);

map映射数组与引用类型处理技巧_mysql_03

问:新数组变了,原数组变了么?

答:原数组是不会变的,还是老样子。因为这个是值类型

map映射数组与引用类型处理技巧_javascript_04

下面这个案例,原数组就会变了。

 let lessons = [            {title:'媒体查询', category: 'css'},            {title:'FLEX弹性盒模型', category: 'flex'},            {title:'MYSQL多表查询随意操作', category: 'mysql'}        ]         lessons.map(function(value){             value.test = 1111        })

我给每行的里面新增加了一个值test,因为这个是引用类型,所以会改变原数组

map映射数组与引用类型处理技巧_媒体查询_05

那如果现在有个需求,我想要个新数组,原数组不变,怎么破?

第一种写法:

        let lessons = [            {title:'媒体查询', category: 'css'},            {title:'FLEX弹性盒模型', category: 'flex'},            {title:'MYSQL多表查询随意操作', category: 'mysql'}        ]        let hd = lessons.map(function(value){           return Object.assign({test: 1111}, value)        })

第二种写法:

        let lessons = [            {title:'媒体查询', category: 'css'},            {title:'FLEX弹性盒模型', category: 'flex'},            {title:'MYSQL多表查询随意操作', category: 'mysql'}        ]        let hd = lessons.map(function(value){           return {               title: value.title,               category: value.category,               test: 1111           }        })

map映射数组与引用类型处理技巧_javascript_06


以上就是数组的映射方法,目的很简单,就是对原数组的操作

本文最后,解释一下map的三个参数分别是什么意思~~~~

map映射数组与引用类型处理技巧_媒体查询_07

完。

举报

相关推荐

0 条评论