Estendere oggetti con jQuery extend

Estendere oggetti con jQuery extend

jQuery ha la funzione $.extend che ci permette di estendere / unire uno o più oggetti.

Per certi versi assomiglia all'estensione delle classi nella OOP.

Non mi è mai capitato di usarla, quindi ho fatto un rapido esempio giusto per capire come funziona.

Ecco il codice:

var obj1 = {
    matematica: 10,
    storia: 7,
    geografia: 8,
    latino: 4
};

console.log(obj1);

var obj2 = {
    matematica: 8,
    latino: 7
};

$.extend(obj1, obj2);
console.log(obj1);

In console avrete questo:

Object { matematica: 10, storia: 7, geografia: 8, latino: 4 }
Object { matematica: 8, storia: 7, geografia: 8, latino: 7 }

Come vedete, alcuni attributi (matematica e latino) sono cambiati.

Facciamo un altro esempio:

var obj1 = {
    matematica: 10,
    storia: 7,
    geografia: 8,
    latino: 4
};

console.log(obj1);

var obj2 = {
    matematica: 8,
    latino: 7,
    italiano: 5
};

$.extend(obj1, obj2);
console.log(obj1);

Qui abbiamo aggiunto un valore nel secondo oggetto, che verrà stampato nel secondo log:

Object { matematica: 10, storia: 7, geografia: 8, latino: 4 }
Object { matematica: 8, storia: 7, geografia: 8, latino: 7, italiano: 5 }

Evvia jQuery!

Enjoy!




Share

Commentami!

About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2572 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy