使用 Javascript 返回循环变量的值

Question

I'm looking a quick solution to return value in loop using variable

There is base code

var origins = [
    {level: '1', hp: 5600},
    {level: '2', hp: 7600},
    {level: '3', hp: 9600}
];

var text1 = "";
var text2 = "";

for (var key in origins) {
       if (origins.hasOwnProperty(key)) {
         text1 = origins[key].level;
         text2 = origins[key].hp;
       }
    }

I'm trying to call loop variable

console.log(text1 + " " + text2)

It gave me an output that I didn't want:

3 9600

I'm looking an excepted result of output would be like this:

1 5600
2 7600
3 9600

EDIT: There is JSfiddle

http://jsfiddle.net/mttweck6/2/

Answer 1

You need to put the console.log in the loop or add to one text variable like final. See below

var origins = [
{level: '1', hp: 5600},
{level: '2', hp: 7600},
{level: '3', hp: 9600}
];

var text1 = "";
var text2 = "";
var final = "";

for (var key in origins) {
    if (origins.hasOwnProperty(key)) {
        text1 = origins[key].level;
        text2 = origins[key].hp;
        final += "Level: " + text1 + '\n' + "HP: " + text2 + '\n';
    }
}





//I need to get external variable that would exeute in loop
alert(final);



//Excepted Result as one alert with output:
//Level 1: 5600
//Level 2: 7600
//Level 3: 9600

Answer 2

I think this might help you :

var origins = [
{level: '1', hp: 5600},
{level: '2', hp: 7600},
{level: '3', hp: 9600}
];

var text1 = "";
var text2 = "";
var s= "";

for (var key in origins) {
   if (origins.hasOwnProperty(key)) {
      text1 = origins[key].level;
      text2 = origins[key].hp;
      s += '\n' + "Level " + text1 + ": " + text2;
   }
}

Then later do alert(s);

Answer 3

var origins = [
    {level: '1', hp: 5600},
    {level: '2', hp: 7600},
    {level: '3', hp: 9600}
];

var text1 = "";
var text2 = "";

for (var key in origins) {
   if (origins.hasOwnProperty(key)) {
     text1 = origins[key].level;
     text2 = origins[key].hp;
     console.log(text1 + " " + text2);
   }
}

Edit: If you would like to save the results as an entire string

var origins = [
    {level: '1', hp: 5600},
    {level: '2', hp: 7600},
    {level: '3', hp: 9600}
];

var text1 = "";
var text2 = "";
var result = ""; // String to print

for (var key in origins) {
   if (origins.hasOwnProperty(key)) {
     text1 = origins[key].level;
     text2 = origins[key].hp;
     result += text1 + " " + text2 + "\n";
   }
}

alert(result);

If you would like to display this in HTML each on their own line, just replace result += text1 + " " + text2 + "\\n"; with result += text1 + " " + text2 + "<br>"; and alert(result); with document.getElementById("myelem").innerHTML = result;