Gli Oggetti in Javascript
Come nella vita reale, anche in Javascript un oggetto ha delle proprietà che ne definisce le caratteristiche (chiamate anche coppie di chiave : valore) . Ad esempio una macchina può essere rossa, della Citroen, avere il cambio manuale etc.
Sintassi: Funzioni in Javascript
- È pratica comune dichiarare gli oggetti con la keyword const (sapendo che essi non cambiano)
- I valori dell'oggetto sono solitamente contenuti all'interno delle parentesi graffe {} (object-literal).
- I valori sono scritti in questo modo nome:valore (nome e valore separati da due punti).
- È possibile utilizzare anche nomi di proprietà composti da più parole, ma bisogna usare le virgolette (esempio let user = { nome : "Mario" , anni : 30 , "Banana Fan" : true,}
- L’ultima proprietà in lista può terminare con una virgola poiché rende più facile lo spostamento, aggiunta, rimozione di una proprietà.
Accesso alle proprietà
- È possibile accedere alle proprietà con obj.nomeProprieta
- È possibile accedere alle proprietà multi-parola con obj["nome proprietà"]
- Con le parentesi è possibile accettare anche chiavi dalle variabili obj[miaVariabile]
Operatori Specifici
- Per cancellare una proprietà:
delete obj.prop
. - Per controllare se un una proprietà con un certo nome esiste:
"key" in obj
. - Per iterare su un oggetto:
for(let key in obj)
Esempio di Sintassi di un Oggetto in Javascript (objetct-literal)
const Oggetto = { proprieta : "valore",
proprieta1 : "valore1",
proprieta2 : "valore2"
};
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
document.getElementById('txtID1').innerHTML = Oggetto.proprieta + " " + Oggetto.proprieta1 + Oggetto.proprieta2 ;
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
document.getElementById('txtID2').innerHTML = Oggetto["proprieta"] + " " + Oggetto.["proprieta1"] + " " + Oggetto.["proprieta2"] ;
Esempio di Sintassi di un Oggetto in Javascript (2 metodo)
const Oggetto = {};
Oggetto.proprieta = "valore";
Oggetto.proprieta1 = "valore1";
Oggetto.proprieta2 = "valore2";
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
console.log(Oggetto.proprieta + " " + Oggetto.proprieta1 + " " + Oggetto.proprieta2);
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
console.log(Oggetto["proprieta"] + " " + Oggetto["proprieta1"] + " " + Oggetto["proprieta2"]);
Esempio di Sintassi di un Oggetto in Javascript (3 metodo)
const Oggetto = new Object();
Oggetto.proprieta = "valore";
Oggetto.proprieta1 = "valore1";
Oggetto.proprieta2 = "valore2";
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
console.log(Oggetto.proprieta + " " + Oggetto.proprieta1 + " " + Oggetto.proprieta2);
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
console.log(Oggetto["proprieta"] + " " + Oggetto["proprieta1"] + " " + Oggetto["proprieta2"]);
Esempio di Oggetti in Javascript
// 1 sintassi
const Person = {
nome: "Jennifer",
cognome: "Siniscalchi",
eta: 24,
Sesso: "Donna",
NucleoFamiliare: 16,
Patente: true,
PrecedenteLavoro: "Barista",
};
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
document.getElementById('txtID1').innerHTML = Person.nome + " " + Person.cognome + " è uno/a " + Person.Sesso + " di " + Person.eta + " anni. Il suo ex lavoro era : " + Person.PrecedenteLavoro;
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
document.getElementById('txtID2').innerHTML = Person["nome"] + " " + Person["cognome"] + " è uno/a " + Person["Sesso"] + " di " + Person["eta"] + " anni. Il suo ex lavoro era : " + Person["PrecedenteLavoro"];
Mario acquista una villetta che costa 325560€ versa subito 135000€ e il resto viene diviso in 96 Rate, quanto dovrà pagare Mario?.
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
// 2 sintassi
const PersonB = {}
PersonB.nome = "Ania";
PersonB.cognome = "Burshenova";
PersonB.eta = 28;
PersonB.Sesso = "Donna";
PersonB.NucleoFamiliare = 32;
PersonB.Patente = true;
PersonB.PrecedenteLavoro = "Influencer";
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
document.getElementById('txtID3').innerHTML = PersonB.nome + " " + PersonB.cognome + " è uno/a " + PersonB.Sesso + " di " + PersonB.eta + " anni. Il suo ex lavoro era : " + PersonB.PrecedenteLavoro;
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
document.getElementById('txtID4').innerHTML = PersonB["nome"] + " " + PersonB["cognome"] + " è uno/a " + PersonB["Sesso"] + " di " + PersonB["eta"] + " anni. Il suo ex lavoro era : " + PersonB["PrecedenteLavoro"];
Mario acquista una villetta che costa 325560€ versa subito 135000€ e il resto viene diviso in 96 Rate, quanto dovrà pagare Mario?.
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
// 3 sintassi
const PersonC = new Object();
PersonC.nome = "Serena";
PersonC.cognome = "Peszce";
PersonC.eta = 26;
PersonC.Sesso = "Donna";
PersonC.NucleoFamiliare = 64;
PersonC.Patente = true;
PersonC.PrecedenteLavoro = "Paninara";
// Accesso alle proprietà dell'oggetto con sintassi objectName.propertyName
document.getElementById('txtID5').innerHTML = PersonC.nome + " " + PersonC.cognome + " è uno/a " + PersonC.Sesso + " di " + PersonC.eta + " anni. Il suo ex lavoro era : " + PersonC.PrecedenteLavoro;
// Accesso alle proprietà dell'oggetto con sintassi objectName["propertyName"]
document.getElementById('txtID6').innerHTML = PersonC["nome"] + " " + PersonC["cognome"] + " è uno/a " + PersonC["Sesso"] + " di " + PersonC["eta"] + " anni. Il suo ex lavoro era : " + PersonC["PrecedenteLavoro"];
Mario acquista una villetta che costa 325560€ versa subito 135000€ e il resto viene diviso in 96 Rate, quanto dovrà pagare Mario?.
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .