slice(0)和深拷贝区别

slice(0)和深拷贝有什么区别呢?

举个栗子:

var obj = [
    {
		name:'melin1',
		job:'111'
	},
	{
		name:'melin2',
		job:'222'
	},
	{
		name:'melin3',
		job:'333'
	}
];
var copy = obj.slice(0);
copy[1].name = 'tom';
console.log(obj[1].name); //tom
console.log(copy[1].name); //tom

结果是obj[1].name和copy[1].name都被修改了。slice可看作浅拷贝,因为如果obj有引用类型的元素,slice仅仅是复制了元素的地址。

  • (1)拷贝是指得到被拷贝对象的副本,副本的修改不会影响到原对象;

  • (2)js的传参是按值传递,但是对于引用类型,传递的值是原对象在内存中的地址,所以拷贝仅仅是获取了原对象的引用;

  • (3)在 (2) 的基础上,对拷贝进行修改,原对象也会被修改;

  • (4)要想避免(3)的情况出现,就不能仅仅拷贝地址,而是要将原对象的属性树遍历复制到拷贝上,这样拷贝和原对象就是完全独立的了;

  • (5)(4)的情况叫深拷贝,与之相对, (2) 的情况叫浅拷贝;

  • (6)如果obj所有值都是非引用类型,那么obj.slice(0)与深浅拷贝没有差别;

  • (7)如果obj有引用类型的元素的话,obj.slice(0)仅仅是复制了元素的地址,,obj.slice(0)可看作浅拷贝。

原文地址:https://www.cnblogs.com/xmyun/p/8117567.html