js中map()是否会改变原数组

官方文档是这样的写的：

map定义和方法
map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。
map()方法按照原始数组元素顺序依次处理元素。
注意：
map不会对空数组进行检测
map不会改变原始数组
arr.map(function(currentValue，index，arr),thisValue)

实际应用发现，只有当arr为基本数据类型时，map方法才不会改变原始数组，arr为引用类型时，还是会改变原数组的：

// 1、基本数据类型
let arr=[1,2,3,4,5]
let newArr=arr.map((item) => item*2)
console.log(arr); // [1,2,3,4,5]
console.log(newArr);//[2, 4, 6, 8, 10]

// 2、引用数据类型
	let arr = [{ name: 'jiangsu' }, { name: 'shanghai' }]
    let newArr=arr.map((item) => {
      item.belongTo='china';
      return item;
    })
    console.log(arr); 
    // [{name: "jiangsu", belongTo: "china"},{name: "shanghai", belongTo: "china"}]
    console.log(newArr);
    // [{name: "jiangsu", belongTo: "china"},{name: "shanghai", belongTo: "china"}]
    

如何避免这种问题呢？
通过一个新的对象去接收每一个元素，修改后，返回该对象

let arr = [{ name: 'jiangsu' }, { name: 'shanghai' }]
let newArr=arr.map((item) => {
	let obj={...item,belongTo:'china'}
	return obj;
})
console.log(arr);
// [{name: "jiangsu"},{name: "shanghai"}]
console.log(newArr); 
// [{name: "jiangsu", belongTo: "china"},{name: "shanghai", belongTo: "china"}]