js map方法到底可不可以改变原数组？

相信有很多小伙伴儿，在开发过程中，有过这样的困惑，map（）方法有的时候不会改变原数组，有的时候又改变了原数组，到底是怎么回事呢？
在文档中有如下图的介绍

介绍中说map（）方法不会改变原数组，但其实这句话并不严谨。当数组中的值为基本数据类型时，不会改变原始数组。当数组中的值为引用数据类型时，会改变原数组。
先看看两种类型的区别：
基本数据类型：

let a = 'tom'
let b = a;
b = 'tony'
console.log(a);  // 'tom'
console.log(b);  // 'tony'

引用数据类型：

let user= {
  name: 'tony',
  age: 18
}
let user2= user;
user2.name = 'tom'
console.log(user.name);  // 'tom'

user将对象中的数据赋值给user2，实际上是将这个内存对象的引用地址复制给了user2。实际上它们共同指向同一块内存对象(即是一块内存地址)，所以引用类型 修改的是内存对象中的值，就会影响所有指向这块内存地址引用的数据值( 因为它们就是一个)。
由上可知，数组中的值为引用数据类型时是一个道理。

const arr = [
  { data: 1 },
  { data: 1 },
  { data: 1 }
]
const result = arr.map(item => {
  item.data= item.data+ 2;  
  return item
});
console.log('arr', arr);  //原数组被改变，所有item下的data都等于3

如果实在不想修改原数组，建议这种写法：

const arr = [
  { data: 1 },
  { data: 1 },
  { data: 1 }
]
const newArry= arr.map(item => ({
  ...item,
  data: item.data+ 2 //不直接通过item.data = item.data+ 2
}));
console.log('arr', arr);
console.log('newArry', newArry);

---

时小记，终有成。