Loop using two related arrays

Question

When a button is clicked i want the results in the array to be listed for example: John Smith 16, Jack Snow 10 etc..

I want to use a loop however the code in my loop is incorrect at the moment as when i click the button all i get is: [object Object].

Can someone provide a possible fix?

 function begin() {
      listresults();
      ();
    }
    var results1 = {name:"John Smith", score:16};
    var results2 = {name:"Jack Sow", score:10};
    var results3 = {name:"Tessa Flip", score:15};
    var results = [results1, results2, results3];

    function listresults() {
      var text = "";
      var total = 0;
      var i;
    for (i in results) {
      text += results[i] + "<br>";
    }
    document.getElementById('message').innerHTML = text;


    }

thats because you are appending objects instead of their values try : text += results[i].name + " " + results[i].score + "<br>"; — warl0ck
– warl0ck, Commented May 17, 2017 at 6:30
apending object try this text += results[i].name + ' ' results[i].score + "<br>"; — JYoThI
– JYoThI, Commented May 17, 2017 at 6:31
Check my single line answer. I hope it will work as per your expectation — Rohìt Jíndal
– Rohìt Jíndal, Commented May 17, 2017 at 9:04

shraddha patel · Accepted Answer · 2017-05-17 06:41:37Z

1

I would first check that the lengths of the 2 arrays are the same. Then iterate using a for loop:

final int timeLength = TIME.length;
if (timeLength != stat.size()) {
    //something may not be right
}
for (int i = 0; i < timeLength; i++) {
    System.out.println(time[i]+" "+stat.get(i));
}

answered May 17, 2017 at 6:41

shraddha patel

413 bronze badges

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

Comments

Muralidharan · Accepted Answer · 2017-05-17 06:34:36Z

0

You are pushing objects results1, results2, etc in the array 'results'. So while iterating the array you should access the object properties as shown below:

function listresults() {
      var text = "";
      var total = 0;
      var i;
    for (i in results) {
      text += results[i]['name'] + ' ' + results[i]['score'] + "<br>";
    }

answered May 17, 2017 at 6:34

Muralidharan

4723 silver badges6 bronze badges

Comments

warl0ck · Accepted Answer · 2017-05-17 06:54:15Z

0

As you are appending objects instead of object values in the filed.

This is the proper way of accessing name and score from object which is returned when you are looping through your array of objects :

 function begin() {
      listresults();
      ();
    }
    var results1 = {name:"John Smith", score:16};
    var results2 = {name:"Jack Sow", score:10};
    var results3 = {name:"Tessa Flip", score:15};
    var results = [results1, results2, results3];

    function listresults() {
      var text = "";
      var total = 0;
    for (var i=0; i < results.length; i++) {
      text += results[i].name + " " + results[i].score + "<br>";
    }
    document.getElementById('message').innerHTML = text;
    }

Here is an Jsfiddle example

edited May 17, 2017 at 6:54

answered May 17, 2017 at 6:33

warl0ck

3,4845 gold badges31 silver badges60 bronze badges

Comments

Medet Tleukabiluly · Accepted Answer · 2017-05-17 07:25:54Z

0

Recommend you to use Array methods(map, join) instead of pure loops

function begin() {
      listresults();
    }
    
    var results1 = {name:"John Smith", score:16};
    var results2 = {name:"Jack Sow", score:10};
    var results3 = {name:"Tessa Flip", score:15};
    var results = [results1, results2, results3];
    
    function listresults() {
      document.getElementById('message').innerHTML = 
         results.map(function(item) { 
           return item.name + ' ' + item.score; 
         }).join('<br>');
         
      document.getElementById('total').innerHTML = 
         results.map(function(item) { 
           return item.score;
         }).reduce(function(sum, score) { 
           return sum + score;
         }, 0);
    }

<button onclick="begin()">begin</button>
<br />
<div id="message"></div>
<div>total: <span id="total">0</span></div>

edited May 17, 2017 at 7:25

answered May 17, 2017 at 6:33

Medet Tleukabiluly

12k3 gold badges38 silver badges78 bronze badges

3 Comments

J.Doe Over a year ago

thanks! One more question, how would i be able to total all of the scores? for example, 41 would be the total in this instance.

warl0ck Over a year ago

in your for loop just do total += results[i].score; and after for loop console.log it or use it

Medet Tleukabiluly Over a year ago

@J.Doe added total score in example above

Rohìt Jíndal · Accepted Answer · 2017-05-17 09:03:58Z

0

Use Array.map() and Array.join()

var results1 = {name:"John Smith", score:16};
var results2 = {name:"Jack Sow", score:10};
var results3 = {name:"Tessa Flip", score:15};
var results = [results1, results2, results3];  

var res = results.map(item => { return item.name+ " " +item.score });

console.log(res.join(", "));

answered May 17, 2017 at 9:03

Rohìt Jíndal

27.3k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

Loop using two related arrays

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related