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

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

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

咳咳，偏题了。

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

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

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

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

问：新数组变了，原数组变了么？

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

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

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

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

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

第一种写法：

        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的三个参数分别是什么意思~~~~

完。