Unable to print JSON values using for loop

Question

I have JSON values look like this

var results=[obj1,obj2,obj3];

and in

obj1['ádd':'usa','phone':121]
obj2['ádd':'cal','phone':143]

and so. on.

Here I want to print all obj's address and pass to HTML id element.

I have done this way but it is print the only the first value but in console printing all values.

for (var i = 0; i < results.length; i++) {
  console.log(results[i].add);
  var jjj=(results[i].add);

  document.getElementById('target_2').innerHTML=jjj;
}

How to solve this problem?

I don't understand what ['ádd':'usa','phone':121] obj2['ádd':'cal','phone':143] is supposed to mean. This is not valid JS. Did you mean {'ádd':'usa','phone':121}? — user1726343
– user1726343, Commented Nov 18, 2016 at 2:13
Looks like you need to understand Arrays and Object Literals. — StackSlave
– StackSlave, Commented Nov 18, 2016 at 2:14
What you show is not JSON, it is a JavaScript Object/Array literal/initializer. — Makyen
– Makyen ♦, Commented Nov 18, 2016 at 2:19

Zack Tanner · Accepted Answer · 2016-11-18 02:13:52Z

4

You are consistently replacing the innerHTML of target_2 rather than appending to it. You want to do something like this instead:

document.getElementById('target_2').innerHTML+=jjj;

answered Nov 18, 2016 at 2:13

Zack Tanner

2,5801 gold badge29 silver badges45 bronze badges

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

1 Comment

jvk Over a year ago

Thank you. I forgot to append it. it's work like charm.

xiaoyu2er · Accepted Answer · 2016-11-18 02:19:05Z

2

var jjj = '';
for (var i = 0; i < results.length; i++) {
   console.log(results[i].add);
   jjj += results[i].add;
}
document.getElementById('target_2').innerHTML = jjj;

answered Nov 18, 2016 at 2:19

xiaoyu2er

1666 bronze badges

Collectives™ on Stack Overflow

Unable to print JSON values using for loop

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related