Créer un objet

avec deux propriétés

let etudiant = {
  nom:'Joe',
  age:20
};
console.log(etudiant.nom+' '+etudiant.age+' ans');

Un tableau d'objets

let onglets = [
    {nom:'test.html', chemin:'CSS/test'},
    {nom:'abcd.html', chemin:'long/chemin/vers/une/ressource'},
];

onglets.forEach((x,id) => {console.log(id+' '+x.chemin+'/'+x.nom);});

Objet avec propriétés et méthodes

var etudiant = {
  nom:"Joe",
  bonjour: function(){
    alert('bonjour')
  },
  age:28
};

etudiant.bonjour()

Ajouter une méthode à un objet

const baliseur = {
  version : '12 mai 2019',
  auteur: 'Joe'
}

baliseur.getVersion = function() {
  return this.version;
};

alert(baliseur.getVersion());

<script>
const etudiant = {
    age:25.55,
    nom:'Joe',
    open:function(i){
        console.log(this.nom, 'open',i);
    },
    // une méthode peut se noter plus simplement
    close(){
        console.log(this.nom, 'close');
    }
};

console.log(etudiant.nom);
etudiant.nom='Bill';
etudiant.open(25);
etudiant.close();
</script>

Supprimer une propriété d'un objet

var etudiant = {
	nom:"Joe",
	age:28
};

delete etudiant.age;

Objet JSON

Création d'une table HTML à partir d'un objet JSON

var livres = {
 "Pascal": [
    {"nom": "Pascal facile", "prix": 70},
    {"nom": "Guide Pascal", "prix": 40}
 ],

 "PHP": [
    {"nom": "PHP rapide", "prix": 10},
    {"nom": "PHP en profondeur", "prix": 13.5}
 ]
}

let s =`
	<table border="1" style="border-collapse:collapse">
	<caption>Livres</caption>
	<tr><th>Nom</th><th>Prix</th></tr>`

for(let n=0; n<livres.Pascal.length; n++){
	s += `
	<tr>
		<td>${livres.Pascal[n].nom}</td>
		<td>${livres.Pascal[n].prix}</td>
	</tr>`
}

for(let n=0; n<livres.PHP.length; n++){
	s += `
	<tr>
		<td>${livres.PHP[n].nom}</td>
		<td>${livres.PHP[n].prix}</td>
	</ttr>`
}

document.body.innerHTML = s+'</table>'

Livres

Nom	Prix
Pascal facile	70
Guide Pascal	40
PHP rapide	10
PHP en profondeur	13.5