用jquery自带的方法,进行json对象合并

jQuery对象合并详解

最新推荐文章于 2024-08-29 03:57:12 发布

原创最新推荐文章于 2024-08-29 03:57:12 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #jquery #JavaScript #ViewUI

json 专栏收录该内容

1 篇文章

订阅专栏

本文介绍jQuery中使用$.extend()方法进行JSON对象合并的过程，并详细解释了如何通过设置参数实现不同类型的复制，包括深度复制和非深度复制。同时，还演示了如何避免修改原始对象。

$(function()
{
	/** json对象合并,也是支持Object合并的,在jqueryAPI里有说明
	这里用这个方法：$.extend(),当合并json用
	API:	jQuery.extend([deep], target, object1, [objectN]) 
	@ param deep:true/false(是否深度复制,是:target没有的属性也复制;否:target没有的属性不复制)
	@ param target:待扩展对象(在这里用做多个json合并<待合并对象>,会直接作用于target)
	如果不想target改变用一个空的对象做target就可以了 
	*/
	var A={name:"xiaoMing"};
	var B={age:23};
	var C={birthday:"2013-11-12"};
	var empty={};
	/* 1.  A没有的属性也复制
	$.extend(A,B,C);//相当于$.extend(true,A,B,C);
	console.log(A);
	//输出 Object {name: "xiaoMing", age: 23, birthday: "2013-11-12"}  */

	/* 2.  A没有的属性将不会复制
	$.extend(false,A,B,C);
	console.log(A);
	//输出 Object {name: "xiaoMing"} */

	/* 3. 用空对象做target
	$.extend(empty,A,B,C);
	console.log(empty);
	 //输出 Object {name: "xiaoMing", age: 23, birthday: "2013-11-12"}  */
});