温馨提示:这篇文章已超过287天没有更新,请注意相关的内容是否还可用!
jQuery提供了一个方法来合并多个JSON对象,即使用`$.extend()`方法。该方法可以将多个JSON对象合并成一个新的JSON对象。合并后的JSON对象将包含所有原始对象的属性和值。
示例代码如下:
var obj1 = { name: "John", age: 30 };
var obj2 = { city: "New York", country: "USA" };
var mergedObj = $.extend({}, obj1, obj2);
console.log(mergedObj);
上述代码中,我们有两个JSON对象`obj1`和`obj2`,分别包含不同的属性和值。我们使用`$.extend()`方法将这两个对象合并为一个新的对象`mergedObj`。在合并时,我们需要传递一个空对象作为第一个参数,以便将合并结果存储在新对象中。
输出结果为:
{ name: "John", age: 30, city: "New York", country: "USA" }
合并后的`mergedObj`包含了`obj1`和`obj2`的所有属性和值。
需要注意的是,如果合并的对象中存在相同的属性,后面的对象的属性值将覆盖前面的对象的属性值。如果要保留所有对象的属性值,可以传递`true`作为第一个参数,以进行深度合并。
示例代码如下:
var obj1 = { name: "John", age: 30, address: { city: "New York", country: "USA" } };
var obj2 = { address: { city: "Los Angeles" } };
var mergedObj = $.extend(true, {}, obj1, obj2);
console.log(mergedObj);
上述代码中,`obj1`中的`address`属性是一个嵌套的JSON对象。我们使用`$.extend()`方法进行深度合并,并将结果存储在`mergedObj`中。
输出结果为:
{ name: "John", age: 30, address: { city: "Los Angeles", country: "USA" } }
合并后的`mergedObj`保留了`obj1`和`obj2`的所有属性值,并使用后面的对象的属性值覆盖了前面的对象的属性值。