jquery extend方法

1、合并obj2到obj1中

$(function () {

var object1 = {

apple: 0,

banana: {weight: 52, price: 100},

cherry: 97

};

var object2 = {

banana: {price: 200},

durian: 100

};

/* object2 合并到 object1 中 */

$.extend(object1, object2);

var printObj = typeof JSON != "undefined" ? JSON.stringify : function(obj) {

var arr = [];

$.each(obj, function(key, val) {

var next = key + ": ";

next += $.isPlainObject(val) ? printObj(val) : val;

arr.push( next );

});

return "{ " + arr.join(", ") + " }";

};

$("#log").append( printObj(object1) );

});

 

2、合并obj2到obj1中----递归合并

$(function () {

var object1 = {

apple: 0,

banana: { weight: 52, price: 100 },

cherry: 97

};

var object2 = {

banana: { price: 200 },

durian: 100

};

// 将 object2 递归合并到 object1中

$.extend( true, object1, object2 );

// 假设 JSON.stringify - 在 IE版本< 8中无效

$( "#log1" ).append( JSON.stringify( object1 ) );

});

3、合并obj2到obj1中----合并默认值和选项，不修改默认对象

$(function () {

var defaults = { validate: false, limit: 5, name: "foo" };

var options = { validate: true, name: "bar" };

/*合并默认值和选项，不修改默认对象。*/

var settings = $.extend({}, defaults, options);

var printObj = typeof JSON != "undefined" ? JSON.stringify : function(obj) {

var arr = [];

$.each(obj, function(key, val) {

var next = key + ": ";

next += $.isPlainObject(val) ? printObj(val) : val;

arr.push( next );

});

return "{ " + arr.join(", ") + " }";

};

$("#log").append( "<div><b>defaults -- </b>" + printObj(defaults) + "</div>" );

$("#log").append( "<div><b>options -- </b>" + printObj(options) + "</div>" );

$("#log").append( "<div><b>settings -- </b>" + printObj(settings) + "</div>" );

})

运行结果：defaults -- {"validate":false,"limit":5,"name":"foo"}

options -- {"validate":true,"name":"bar"}

settings -- {"validate":true,"limit":5,"name":"bar"}