js_array_of_object

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>
<p>JavaScript uses names to access object properties.</p>
<div id="tabel"></div>

<script>
var db = [{firstName:"Jill", lastName:"Smith", age:50},
          {firstName:"Sasuke", lastName:"Uchiha", age:15},
          {firstName:"Naruto", lastName:"Uzumaki", age:14}];

var txt = '<table border="1">';
    txt = txt + '<tr>'
    txt = txt + '<th>FirstName</th>';
    txt = txt + '<th>LasttName</th>';
    txt = txt + '<th>Age</th>';
    txt = txt + '</tr>';
for(var i=0;i<3;i++)
{
    txt = txt + '<tr>'
    txt = txt + '<td>'+db[i]['firstName']+'</td>';
    txt = txt + '<td>'+db[i]['lastName']+'</td>';
    txt = txt + '<td>'+db[i]['age']+'</td>';
    txt = txt + '</tr>';
}
txt = txt + '</table>';
document.getElementById("tabel").innerHTML = txt;

</script>

</body>
</html>