jQueryのextendで既に存在するプロパティが上書きされないようにマージする

上書きされちゃう

var obj = {};

$.extend(obj, {
    hoge: {
        str: 'HOGE'
    }
});

$.extend(obj, {
    hoge: {
        num: 12
    }
});

console.log(obj.hoge.str); // undefined
console.log(obj.hoge.num); // 12

上書きされないようにマージさせる

var obj = {};

$.extend(true, obj, {
    hoge: {
        str: 'HOGE'
    }
});

$.extend(true, obj, {
    hoge: {
        num: 12
    }
});

console.log(obj.hoge.str); // HOGE
console.log(obj.hoge.num); // 12

第一引数に true を渡す。

参考

• jQuery.extend() メソッドの使い方まとめ | Tips Note