Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Merge two objects var base = { color: 'blue', size: 'medium' }; var override = { color: 'red', weight: 'bold' }; var result = $.extend({}, base, override); console.log(result); // { color: "red", size: "medium", weight: "bold" } // Plugin defaults pattern var defaults = { speed: 400, easing: 'swing', loop: false }; function createSlider(options) { var settings = $.extend({}, defaults, options); console.log(settings.speed); // caller value or 400 console.log(settings.easing); // caller value or 'swing' } createSlider({ speed: 800, loop: true }); // Deep merge for nested objects var config = { ajax: { timeout: 5000, retry: false } }; var patch = { ajax: { retry: true } }; var merged = $.extend(true, {}, config, patch); console.log(merged.ajax.timeout); // 5000 (preserved)
Result
Open