本文实例讲述了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法。分享给大家供大家参考,具体如下:
语法:jQuery.extend( [deep ], target, object1 [, objectN ] )
深浅拷贝对应的参数就是[deep],是可选的,为true或false。默认情况是false(浅拷贝),并且false是不能够显示的写出来的。如果想写,只能写true(深拷贝)
测试例子:
var object1 = {}; var object2 = { b:{ mm:333 }, c:100 }; console.log('原来的object1--->'+JSON.stringify(object1)); console.log('原来的object2--->'+JSON.stringify(object2)); $.extend(true,object1, object2); object1.b.mm = 600; console.log('新的object1--->'+JSON.stringify(object1)); console.log('新的object2--->'+JSON.stringify(object2));
测试结果
由测试结果知道,jQuery中$.extend(true,object1, object2);
可以深拷贝对象,拷贝之后,改变其中一个对象的属性值,对另外一个没有影响。
接着在继续深入理解
测试例子
var object1 = { a: 0, b: { gg: 11, mm: 22 } }; var object2 = { b: { mm: 333 }, c: 100 }; //默认情况浅拷贝 //object1--->{"apple":0,"banana":{"price":200},"cherry":97,"durian":100} //object2的banner覆盖了object1的banner,但是weight属性未被继承 //$.extend(object1, object2); //深拷贝 //object1--->{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100} //object2的banner覆盖了object1的banner,但是weight属性也被继承了呦 $.extend(true,object1, object2); console.log('原来的object1--->'+JSON.stringify(object1)); console.log('原来的object2--->'+JSON.stringify(object2)); object1.b.mm = 600; console.log('新的object1--->'+JSON.stringify(object1)); console.log('新的object2--->'+JSON.stringify(object2));
测试结果
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。