jquery json对象 合并,代码示例

quanzhangongchengshi

温馨提示:这篇文章已超过287天没有更新,请注意相关的内容是否还可用!

jquery json对象 合并,代码示例

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`的所有属性值,并使用后面的对象的属性值覆盖了前面的对象的属性值。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码