Объединение объектов

Объединяет содержимое двух или более заданных javascript-объектов. Результат объединения записывается в первый из этих объектов (он же будет возвращен функцией, после ее выполнения). Функция имеет два варианта использования:

Особенности использования

Если задать два или более объекта, то результатом будет их объединение. В случае, если вы зададите только один объект, функция extend() добавит его содержимое в глобальный объект $ (jQuery). Таким образом можно расширять возможности библиотеки, добавляя свои функции в ее пространство имен. Это может быть полезно при написании плагинов.

Напомним, что в результате объединения объектов, первый из них будет изменен (он же будет возвращен в качестве результата выполнения функции extend()). Если нужно, чтобы ни один из заданных объектов не был изменен, то можно задать в качестве параметра target пустой объект:

var object = $.extend({}, object1, object2);

Рекурсивное (глубокое) копирование

При объединении объектов, совпадающие поля переписываются:

var object1 = {
  apple:0,
  cherry:97
};
var object2 = {
  apple:5,
  durian:100
};
 
$.extend(object1, object2);
 
/* Результат будет следующий:
{
  apple:5,
  cherry:97,
  durian:100
};
*/

По умолчанию, extend() выполняет поверхностное объединение объектов, это означает, что если они содержат другие объекты внутри, то extend() будет перезаписывать их как и в предыдущем случае:

var object1 = {
  apple:0,
  banana:{weight:52, price:100},
  cherry:97
};
var object2 = {
  banana:{price:200},
  durian:100
};
 
$.extend(object1, object2);
/* Результат:
{
  apple:0,
  banana:{price:200},
  durian:100,
  cherry:97,
};
*/

однако, если в качестве первого параметра указать true, то будет выполнено глубокое копирование, при котором к внутренним объектам будет применяться процедура объединения (а не переписывания как в прошлом случае):

var object1 = {
  apple:0,
  banana:{weight:52, price:100},
  cherry:97
};
var object2 = {
  banana:{price:200},
  durian:100
};
 
$.extend(true, object1, object2);
/* Результат:
{
  apple:0,
  banana:{weight:52, price:200},
  durian:100,
  cherry:97,
};
*/

Ссылки

• Список всех функций раздела "утилиты"