JavaScript Arrays “For Loop” prints only the 1st iteration

JavaScript Arrays prints first iteration of the for loop in bulleted list <ul>, but not the 2nd & 3rd iteration. I have no host server; can not use plugin or jQuery; I am limited to use just HTML & JavaScript.

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10

can you show us the expected output?
– Rai
Nov 20 '18 at 10:41

add a comment |

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10

can you show us the expected output?
– Rai
Nov 20 '18 at 10:41

add a comment |

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

I'm a novice. Thank you in advance! Try code here https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

var businesses = [



  business = [

    "Business1Name",

    "Business1Type",

    "Business1Address",

    "Business1Phone",

    "Business1Url",

    "Business1FB",

    "Business1Owner",

  ],

  business = [

    "Business2Name",

    "Business2Type",

    "Business2Address",

    "Business2Phone",

    "Business2Url",

    "Business2FB",

    "Business2Owner",

  ],

  business = [

    "Business3Name",

    "Business3Type",

    "Business3Address",

    "Business3Phone",

    "Business3Url",

    "Business3FB",

    "Business3Owner",

    "Business3Var",

  ],

];



var text = "<ul>";

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}



document.getElementById("businessID").innerHTML = text;

<h2>JavaScript Arrays</h2>

<p id="businessID"></p>

javascript arrays loops printing

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

edited Nov 20 '18 at 10:57

barbsan

2,14811122

edited Nov 20 '18 at 10:57

barbsan

2,14811122

edited Nov 20 '18 at 10:57

barbsan

2,14811122

asked Nov 20 '18 at 10:09

Farhang

asked Nov 20 '18 at 10:09

Farhang

asked Nov 20 '18 at 10:09

Farhang

businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10

can you show us the expected output?
– Rai
Nov 20 '18 at 10:41

add a comment |

businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10

can you show us the expected output?
– Rai
Nov 20 '18 at 10:41

businesses = [ business = [ Arrays should have plain values only, not assignments. (In the situation that you want key-value pairs, use an object instead)
– CertainPerformance
Nov 20 '18 at 10:10

can you show us the expected output?
– Rai
Nov 20 '18 at 10:41

add a comment |

3 Answers
3

active

oldest

votes

The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.

var text = "<ul>"; // This will create a single opening ul tag

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>"; // This will create three closing ul tags

  text += "<BR>";

}

To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.

var text = "";

for (i = 0; i < businesses.length; i++) {

  text += "<ul>";

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}

Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.

answered Nov 20 '18 at 12:57

Sungaila

537

add a comment |

var text = "<ul>";

for(i=0; i< businesses.length; i++){

  for(j=0; j< businesses[i].length; j++){

  text += "<li>" + businesses[i][j] + "</li>";

  }



text += "<BR>";

}

text += "</ul>";

document.getElementById("businessID").innerHTML = text;

answered Nov 20 '18 at 10:16

Farhang

add a comment |

An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.

And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.

But it's just not good practice to have separate assignments within arrays.

answered Nov 20 '18 at 10:48

Rai

803418

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390643%2fjavascript-arrays-for-loop-prints-only-the-1st-iteration%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

3 Answers
3

active

oldest

votes

3 Answers
3

active

oldest

votes

The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.

var text = "<ul>"; // This will create a single opening ul tag

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>"; // This will create three closing ul tags

  text += "<BR>";

}

To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.

var text = "";

for (i = 0; i < businesses.length; i++) {

  text += "<ul>";

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}

Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.

answered Nov 20 '18 at 12:57

Sungaila

537

add a comment |

The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.

var text = "<ul>"; // This will create a single opening ul tag

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>"; // This will create three closing ul tags

  text += "<BR>";

}

To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.

var text = "";

for (i = 0; i < businesses.length; i++) {

  text += "<ul>";

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}

Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.

answered Nov 20 '18 at 12:57

Sungaila

537

add a comment |

The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.

var text = "<ul>"; // This will create a single opening ul tag

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>"; // This will create three closing ul tags

  text += "<BR>";

}

To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.

var text = "";

for (i = 0; i < businesses.length; i++) {

  text += "<ul>";

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}

Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.

answered Nov 20 '18 at 12:57

Sungaila

537

The issue is that you're only adding one opening ul tag at the start, but three closing ul tags inside the for loop. This results in the first list being contained by ul tags, but not the other two.

var text = "<ul>"; // This will create a single opening ul tag

for (i = 0; i < businesses.length; i++) {

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>"; // This will create three closing ul tags

  text += "<BR>";

}

To fix your issue, add the ul tag inside of the first for loop so that it gets appended with each iteration of the loop.

var text = "";

for (i = 0; i < businesses.length; i++) {

  text += "<ul>";

  for (j = 0; j < businesses[i].length; j++) {

    text += "<li>" + businesses[i][j] + "</li>";

  }

  text += "</ul>";

  text += "<BR>";

}

Your array is also non-standard (declaring variables inside the square brackets). You might want to look into using objects with key/value pairs instead.

answered Nov 20 '18 at 12:57

Sungaila

537

answered Nov 20 '18 at 12:57

Sungaila

537

answered Nov 20 '18 at 12:57

Sungaila

537

answered Nov 20 '18 at 12:57

Sungaila

537

add a comment |

var text = "<ul>";

for(i=0; i< businesses.length; i++){

  for(j=0; j< businesses[i].length; j++){

  text += "<li>" + businesses[i][j] + "</li>";

  }



text += "<BR>";

}

text += "</ul>";

document.getElementById("businessID").innerHTML = text;

answered Nov 20 '18 at 10:16

Farhang

add a comment |

var text = "<ul>";

for(i=0; i< businesses.length; i++){

  for(j=0; j< businesses[i].length; j++){

  text += "<li>" + businesses[i][j] + "</li>";

  }



text += "<BR>";

}

text += "</ul>";

document.getElementById("businessID").innerHTML = text;

answered Nov 20 '18 at 10:16

Farhang

add a comment |

var text = "<ul>";

for(i=0; i< businesses.length; i++){

  for(j=0; j< businesses[i].length; j++){

  text += "<li>" + businesses[i][j] + "</li>";

  }



text += "<BR>";

}

text += "</ul>";

document.getElementById("businessID").innerHTML = text;

answered Nov 20 '18 at 10:16

Farhang

var text = "<ul>";

for(i=0; i< businesses.length; i++){

  for(j=0; j< businesses[i].length; j++){

  text += "<li>" + businesses[i][j] + "</li>";

  }



text += "<BR>";

}

text += "</ul>";

document.getElementById("businessID").innerHTML = text;

answered Nov 20 '18 at 10:16

Farhang

answered Nov 20 '18 at 10:16

Farhang

answered Nov 20 '18 at 10:16

Farhang

answered Nov 20 '18 at 10:16

Farhang

add a comment |

An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.

And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.

But it's just not good practice to have separate assignments within arrays.

answered Nov 20 '18 at 10:48

Rai

803418

add a comment |

An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.

And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.

But it's just not good practice to have separate assignments within arrays.

answered Nov 20 '18 at 10:48

Rai

803418

add a comment |

An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.

And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.

But it's just not good practice to have separate assignments within arrays.

answered Nov 20 '18 at 10:48

Rai

803418

An array is supposed to have values inside them. Not separate expression-like assignments. In case of needing key-value pairs use objects.

And just to answer your question... Place the text += "</ul>"; outside both the for loops. It would give the output you're wanting.

But it's just not good practice to have separate assignments within arrays.

answered Nov 20 '18 at 10:48

Rai

803418

answered Nov 20 '18 at 10:48

Rai

803418

answered Nov 20 '18 at 10:48

Rai

803418

answered Nov 20 '18 at 10:48

Rai

803418

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Argthtjtr