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

Posted 2022-08-21 Danna123

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

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

咳咳，偏题了。

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

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

完。