jQuery.extend()方法讲解

原创于 2018-07-22 22:54:41 发布 · 330 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery #extend

frontend 专栏收录该内容

33 篇文章

订阅专栏

本文通过实例介绍了jQuery.extend()方法的应用，该方法可以将多个对象合并为一个对象。文章详细展示了当对象属性相同的情况下，如何进行对象合并及属性覆盖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery.extend()方法在插件开发中经常会运用到，它能够将两个对象合并成一个对象。今天我就用一个例子来讲解jQuery.extend()的用法，具体代码如下：

var object1 = {
    apple: 20,
    pear: 10
};
var object2 = {
    banana: 50,
    orange: 30
};
var fruit = $.extend({}, object1, object2);
console.log(fruit);

其中{}是目标对象(Target)，object1和object2是要合并的对象，$.extend()方法会将object1和object2合并到一起赋值给{}对象，然后我们用fruit来接收合并后的对象。输出的结果如下：
这里写图片描述
如果object1和object2对象的属性名都是相同的，则object2会覆盖object1。

var object1 = {
    apple: 20,
    pear: 10
};
var object2 = {
    apple: 50,
    pear: 30
};
var fruit = $.extend({}, object1, object2);
console.log(fruit);

输出的结果如下：
这里写图片描述