问题:
关于通过find方法查找出来的值,并修改该值,原始数组是否修改在该数组元素为原始类型和对象中表现不一样。
现象:
使用find方法查找出来元素,并修改该元素:
如果这个元素是个原始类型的时候,原来的数组不会被修改;
但如果这个元素是个对象的,原来的数组会被修改?
示例代码:
// 数组中元素为原始类型
const courses = [
"courses1",
"courses2",
"course3"
];
let course = courses.find(item => item === "courses1");
console.log(courses); // ["courses1", "courses2", "course3"]
course = "new course";
console.log(courses); // ["courses1", "courses2", "course3"]
// 数组中元素为对象
const courses = [
{ "id": 1, "name": "course1" },
{ "id": 2, "name": "course2" },
{ "id": 3, "name": "course3" }
];
let course = courses.find(item => item.id === 1);
console.log(courses);
course.name = "new course"; // [{ id: 1, name: "course1" }, { id: 2, name: "course2" }, { id: 3, name: "course3" }]
console.log(courses); // [{ id: 1, name: "new course" }, { id: 2, name: "course2" }, { id: 3, name: "course3" }]
和find函数没关系,了解下基础类型和应用类型。
基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的。
基础类型:
基本类型的复制就是在栈内存中开辟出了一个新的存储区域用来存储新的变量,这个变量有它自己的值,互不影响。
引用变量:
obj1和obj2这两个引用指向同一内存(对象在堆内存里),任何一个引用都可以做更改,所以一个改了,另一个也变了。