Objektleriň massiwinden HTML tablisasyny döretmek

Bizde belli bir massiw objektleri berlen bolsun, mysal üçin, şu ýaly ulanyjylar bilen massiw:

javascriptlet users = [
  {
    name: 'name1',
    surname: 'surname1',
    patronymic: 'patronymic1'
  },
  {
    name: 'name2',
    surname: 'surname2',
    patronymic: 'patronymic2'
  },
  {
    name: 'name3',
    surname: 'surname3',
    patronymic: 'patronymic3'
  },
];

Geliň bu massiwden HTML tablisasyny dözdüreliň, her hataryna aýratyn ulanyjynyň maglumatlaryny ýazdyryp.

Maglumatlary saklamanyň şeýle gurluşy bilen, adatça, massiwiň üstünden bir aýlaw işledilýär we tablisanyň her öýjügini el bilen şeýle döredilýär:

html<table id="table"></table>

javascriptlet table = document.getElementById('table');

for (let user of users) {
  let tr = document.createElement('tr');
  
  let td1 = document.createElement('td');
  td1.textContent = user.name;
  tr.appendChild(td1);
  
  let td2 = document.createElement('td');
  td2.textContent = user.surname;
  tr.appendChild(td2);
  
  let td3 = document.createElement('td');
  td3.textContent = user.patronymic;
  tr.appendChild(td3);
  
  table.appendChild(tr);
}

Şeýle ýanaşma uly çeýnellik berýär - biz tablisanyň öýjüklerindäki maglumatlaryň ýerleşiş terti bile özümiz dolundyryp bilýäris (mysal üçin, ady we familiýany ýerlerini çalyşyp bilýäris).

Şeýle hem, islesek, belli öýjüklere wakalar baglap bileris. Mysal üçin, familiýa bilen öýjüge basylanda belli bir hereketi baglap bileris we ş.m.

javascriptlet employees = [
  {name: 'employee1', age: 30, salary: 400},
  {name: 'employee2', age: 31, salary: 500},
  {name: 'employee3', age: 32, salary: 600},
];