浅谈jQuery中的$.extend方法来扩展JSON对象

当我们需要扩展一个 JSON 对象时，我们可以使用 jQuery 中的 $.extend() 方法。该方法给第一个对象添加了第二个、第三个……对象的属性和方法。其语法如下所示：

$.extend([deep], target, object1 [, objectN]);

参数解释：

• deep：可选参数，默认为 false。如果为 true，则递归合并（或深度扩展目标对象）。
• target：必需参数。目标对象，其属性和方法将被扩展。
• object1：必需参数。第一对象，其属性和方法将扩展到目标对象中。
• objectN：可选参数。第 N 个对象，其属性和方法将扩展到目标对象中。

下面我们来看一些 $.extend() 方法的示例。

示例一

假设我们有一个 JSON 对象 person1，其定义如下：

var person1 = {
  name: 'peter',
  skill: 'JavaScript',
  age: 25
};

我们还有一个 JSON 对象 person2，其定义如下：

var person2 = {
  age: 30,
  grade: 'A'
};

我们希望将 person2 对象中的属性和方法合并到 person1 中，并创建一个新的 JSON 对象，那么我们可以使用以下代码：

var person3 = $.extend({}, person1, person2);

这样，我们就得到了一个新的 JSON 对象 person3，其属性如下：

var person3 = {
  name: 'peter',
  skill: 'JavaScript',
  age: 30,
  grade: 'A'
};

示例二

假设我们有一个 JSON 对象 person，其定义如下：

var person = {
  name: 'peter',
  skill: 'JavaScript'
};

我们还有以下两个 JSON 对象：

var person1 = {
  age: 25,
  grade: 'A'
};

var person2 = {
  age: 30,
  grade: 'B'
};

我们希望将 person1 和 person2 对象中的属性和方法合并到 person 中，那么我们可以使用以下代码：

$.extend(person, person1, person2);

这样，我们就得到了一个新的 JSON 对象 person，其属性如下：

var person = {
  name: 'peter',
  skill: 'JavaScript',
  age: 30,
  grade: 'B'
};

以上就是关于如何使用 $.extend() 方法来扩展 JSON 对象的完整攻略。