jQuery 合并对象 - JavaScript

在使用 jQuery 写 JavaScript 时，经常需要合并两个或多个对象。jQuery 提供了一些内置函数来完成这个任务。

$.extend()

$.extend() 函数可以将两个或多个对象合并成一个。如果两个对象有同名属性，则后一个对象覆盖前一个对象的属性。

var obj1 = { name: 'John', age: 30 };
var obj2 = { name: 'Johnny', email: 'johnny@example.com' };

var merged = $.extend({}, obj1, obj2);

console.log(merged); // { name: 'Johnny', age: 30, email: 'johnny@example.com' }

上面的代码中，$.extend() 函数将 obj1 和 obj2 合并到一个新的对象 merged 中，merged 中的 name 属性来自后一个对象 obj2。

$.merge()

$.merge() 函数可以将两个数组合并成一个，如果数组中有相同的元素，则不会去重。

var arr1 = [1, 2, 3];
var arr2 = [3, 4, 5];

var merged = $.merge(arr1, arr2);

console.log(merged); // [1, 2, 3, 3, 4, 5]

上面的代码中，$.merge() 函数将 arr2 合并到 arr1 中，merged 中的元素顺序和原数组相同。

$.fn.extend()

$.fn.extend() 函数可以为 jQuery 对象添加新的函数。这个函数可以被所有的 jQuery 对象使用。

$.fn.extend({
  color: function(c) {
    this.css('color', c);
    return this;
  }
});

$('p').color('red');

上面的代码中，$.fn.extend() 函数为 jQuery 对象添加了一个新的函数 color，该函数可以将 jQuery 对象的文本颜色设置为指定的颜色。

以上就是 jQuery 中合并对象的一些常用方法。