如何在JavaScript中克隆对象
时间：2019-05-19 01:25:36 来源:igfitidea点击:
我们发现jQuery的extend()函数是用JavaScript创建克隆对象的最佳方式。
jQuery的extend()函数对于在一个对象中合并两个或多个对象也很有用。
本文将使用jQuery的extend()函数用JavaScript创建对象的克隆。
JavaScript克隆对象代码:
如果查看下面的JavaScript代码，我们会发现首先我们用一些演示值定义了第一个名为 Obj1的对象。
之后，我们使用extend()函数将其克隆到名为 Obj2的新对象。
然后更新变量 Obj2.name的值，以使理解有所不同。
var Obj1 = {
name: "itroad",
addr: "shenzhen",
contact: "(999)-999-9999"
};
var Obj2 = $.extend(true, {}, Obj1);
Obj2.name = "Sahil";
console.log(Obj1);
console.log(Obj2);
使用jQuery的extend()克隆对象的例子:
首先创建一个测试。
在系统上使用以下代码的文件。
我们使用上面的JavaScript代码创建对象的克隆。
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
var Obj1 = {
name: "itroad",
addr: "shenzhen",
contact: "(999)-999-9999"
};
var Obj2 = $.extend(true, {}, Obj1);
Obj2.name = "theitroad";
console.log(Obj1);
console.log(Obj2);
</script>
</head>
<body>
</body>
</html>
现在在web浏览器中访问这个页面并检查控制台日志。
