$.extend()用于将一个或多个对象合并到目标对象
$.extend(deep,目标object,object1,object2…)
var obj1= {
apple: 0,
banana: { weight: 52, price: 100 },
cherry: 97
};
var obj2= {
banana: { price: 200 },
durian: 100
};
var targetobj = $.extend({},obj1,obj2);
console.log(targetobj)
//{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
(1)obj1,obj2合并到 { },其中banana属性值为对象取值为obj2。此时deep参数吗默认为false,如果deep参数改为true,则进行深度合并。
targetobj = $.extend(true,{},obj1,obj2)
console.log(targetobj)//{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}
$.extend()可以用于创建新对象,修改原对象
(1)上面的例子obj1,obj2没有发生变化,生成了目标对象。
(2)下面的例子用于修改原有对象。
$.extend(true,obj1,obj2)
console.log(obj1,obj2)
//obj1此时obj1为目标对象,obj发生变化
{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}
obj2不变
{"banana":{"price":200},"durian":100}
而且注意,对象合并的时候,都有相同name的属性,取值的时候后者值覆盖前者(本例中为obj2)。