Loading data from JavaScript object to table

Question

I am working on the below code. Why am I not able to load data from the article object to the table row?

 var article = {
 student: 'Eve Jackson',
 studentID: 'A0088888',
 articles:[[
             {title : "OOP Concepts", size : "Medium", printable:true}, {tags : ["C#", "Java", "Objective-c"]}, {weight : [1, 2, 1]}, 16, {extra : [0, 1.5, 0]}
            ] ,
            [
              {title : "Functional", size : "Large", printable:false}, {tags : ["JavaScript", "HTML", "PHP"]}, {weight : [2, 2, 1]}, 16, {extra : [0, 1.5, 0]}
            ] ,
            [
              {title : "Web", size : "Small", printable:true}, {tags : ["HTML", "CSS", "Angular","jQuery"]}, {weight : [3, 2, 1]}, 16, {extra : [0, 1.5, 0]}
            ] 
         ]
};

for (i = 0; i < article.articles.length; i++) { 
    $('#map').append('<tr><td>'+  article.articles[i][0].title+'</td></tr>');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <th>Topic</th>
    <th>Size</th>
    <th>Printable</th>
    <th>Tags</th>
  </tr>
<tbody id="map"></tbody>

</table>

kharhys · Accepted Answer · 2017-10-02 21:14:36Z

1

change article.articles[0][i].title to article.articles[i][0].title

answered Oct 2, 2017 at 21:14

kharhys

2571 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ferhat BAŞ · Accepted Answer · 2017-10-02 21:43:25Z

0

Because can't loop in for yor code shoul be below

for (i = 0; i < article.articles[0].length; i++) {

answered Oct 2, 2017 at 21:43

Ferhat BAŞ

7977 silver badges12 bronze badges

1 Comment

Ferhat BAŞ Over a year ago

Sorry it was my fault @kharhys 's answer is correct

Collectives™ on Stack Overflow

Loading data from JavaScript object to table

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related