本文主要详细介绍了JavaScript对象的浅层复制和深层复制代码,具有一定的参考价值。感兴趣的朋友可以参考一下。
本文分享JavaScript对象的浅层复制和深层复制代码,供大家参考。具体情况如下
1.浅拷贝
复制是将父对象的所有属性复制到子对象。
以下功能正在制作副本:
var中文={
国家:“中国”
}
var Doctor={
职业:“医生”
}
函数扩展复制(p) {
var c={ };
for(变量i in p) {
c[I]=p[I];
}
c . Uber=p;
返回c;
}
使用时,这样写:
var Doctor=extendCopy(中文);
Doctor.career=' doctor
alert(doctor . nation);//中国
但是,这样的文案有一个问题。也就是说,如果父对象的属性等于数组或者另一个对象,实际上子对象得到的只是一个内存地址而不是一个真实的副本,那么父对象就有被篡改的可能。
请看,现在给中文加一个“出生地”属性,它的值是一个数组。
Chinese.birthPlaces=['北京','上海','香港'];
通过extendCopy()函数,Doctor继承了中文。
var Doctor=extendCopy(中文);
然后,我们为博士的“出生地”添加一个城市:
医生.出生地.推送('厦门');
看输入结果。
警报(医生出生地);//北京、上海、香港、厦门
alert(中文出生地);//北京、上海、香港、厦门
结果两人的出生地都变了。
所以,extendCopy()只是复制基本类型的数据,我们称之为“浅层复制”。
2.深拷贝
因为浅抄有这样的弊端,所以我们来看看深抄。
所谓“深度复制”是指真正意义上的数组和对象的复制。其实现并不难,递归调用“轻拷贝”即可。
函数deepCopy(p,c) {
var c=c | | { };
for(变量i in p) {
if (typeof p[i]==='object') {
c[i]=(p[i]。构造函数===数组)?[] : {};
deepCopy(p[i],c[I]);
}否则{
c[I]=p[I];
}
}
返回c;
}
看一下用法:
var Doctor=deepCopy(中文);
现在,用数组值向父对象添加一个属性。然后,修改子对象的该属性:
Chinese.birthPlaces=['北京','上海','香港'];
医生.出生地.推送('厦门');
警报(医生出生地);//北京、上海、香港、厦门
alert(中文出生地);//北京、上海、香港
这就完成了复制;
$.extend()
$.jquery中的extend()与。
$.扩展([深度],目标,对象1 [,对象N ])
?deep
类型:布尔型
如果为true,合并将变成递归(也称为深度复制)。
?target
类型:对象
对象扩展。这将获得新的属性。
?object1
类型:对象
包含要合并到第一个参数中的附加属性的对象。
对象n
类型:对象
包括要合并到第一个参数中的附加属性。
当我们向$提供两个或更多的对象时。extend(),将对象的所有属性添加到目标对象(目标参数)。
如果只向$提供一个参数。extend(),意味着省略了目标参数。在这种情况下,默认情况下,jQuery对象本身就是目标对象。这样,我们可以在jQuery的名称空间下添加新的函数。当插件开发人员想要向jQuery添加新功能时,这很有用。
请记住,目标对象(第一个参数)将被修改,并将通过$返回。扩展()。但是,如果我们想保留原始对象,我们可以传递一个空对象作为目标对象:
var object=$。扩展({},object1,object 2);
默认情况下,通过$进行合并。extend()不是递归的;如果第一个对象本身的属性是一个对象或数组,那么它将使用与第二个对象相同的键完全重写一个属性。这些值不会被合并。您可以通过检查以下示例中banana的值来了解这一点。但是,如果将true作为该函数的第一个参数,将对对象执行递归合并。
警告:不支持为第一个参数传递false。
1. 合并两个对象,并修改第一个对象。
var object1={
苹果:0,
香蕉:{重量:52,价格:100 },
樱桃:97
};
var object2={
香蕉:{价格:200 },
榴莲:100
};
//将对象2合并到对象一中
$.extend(对象1,对象2);
//假设JSON.stringify -在IE8中不可用
控制台。log(JSON。stringify(对象1));
//{ '苹果':0,'香蕉':{ '价格':200},'樱桃':97,'榴莲':100}
2. 采用递归方式合并两个对象,并修改第一个对象。
var object1={
苹果:0,
香蕉:{重量:52,价格:100 },
樱桃:97
};
var object2={
香蕉:{价格:200 },
榴莲:100
};
//递归地将对象2合并到目标1中
$.extend( true,object1,object 2);
//假设JSON.stringify -在IE8中不可用
控制台。log(JSON。stringify(对象1));
//{ '苹果':0,'香蕉':{ '重量':52,'价格':200},'樱桃':97,'榴莲':100}
3. 合并 defaults 和 options 对象,并且不修改 defaults 对象。这是常用的插件开发模式。
var defaults={ validate: false,limit: 5,name:' foo ' };
var options={ validate: true,name:' bar ' };
//合并默认值和选项,不修改默认值
定义变量设置=$。扩展({},默认值,选项);
console.log(JSON.stringify(默认值));
控制台。log(JSON。stringify(选项));
控制台。log(JSON。stringify(设置));
//defaults - {'validate':false,' limit':5,' name':'foo'}
//options - {'validate':true,' name':'bar'}
//settings - {'validate':true,' limit':5,' name':'bar'}
Javascript 判断对象是否相等
在Java语言(一种计算机语言,尤用于创建网站)描述语言中相等运算包括"==","==="全等,两者不同之处,不必多数,本篇文章我们将来讲述如何判断两个对象是否相等?你可能会认为,如果两个对象有相同的属性,以及它们的属性有相同的值,那么这两个对象就相等。那么下面我们通过一个实例来论证下:
var obj1={
姓名:"本杰明",
性别:"男性"
}
var obj2={
姓名:"本杰明",
性别:"男性"
}
//输出:假
控制台。log(obj 1==obj 2);
//输出:假
控制台。log(obj 1===obj 2);
通过上面的例子可以看到,无论使用"=="还是"===",都返回错误。主要原因是基本类型字符串,数字通过值来比较,而对象(日期,数组)及普通对象通过指针指向的内存中的地址来做比较。看下面一个例子:
var obj1={
姓名:"本杰明",
性别:"男性"
};
var obj2={
姓名:"本杰明",
性别:"男性"
};
var obj3=obj1
//输出:真
控制台。log(obj 1==obj 3);
//输出:真
控制台。log(obj 1===obj 3);
//输出:假
控制台。log(obj 2==obj 3);
//输出:假
控制台。log(obj 2===obj 3);
上例返回没错,是因为obj1和ob3的指针指向了内存中的同一个地址。和面向对象的语言(Java/C语言)中值传递和引用传递的概念相似。因为,如果你想判断两个对象是否相等,你必须清晰,你是想判断两个对象的属性是否相同,还是属性对应的值是否相同,还是怎样?
功能人(姓名){
this.name=name
}
var p1=新人(‘P1’);
变量p2=新人(' p2 ');
控制台。log(P1==p2);//假
人。原型。say hi=function(){
//在这里打招呼
}
控制台。日志(P1。sayhi()==p2。say hi());//真
控制台。日志(P1。sayhi()===p2。say hi());//真
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。