JavaScript Objects Arrays & Printing

up vote
0
down vote

favorite

I want to create & print a list of 20 businesses.

Server only allows for HTML & JavaScript and no jQuery plugins.

I need to use an Arrays to add 20 more Businesses w/ minimum coding. Would be nice to have a code for easily adding 20 more businesses.

Each array needs to print a separate bulleted list / Unordered List ( "ul")

<!DOCTYPE html>

<html>

<body>



<h2>JavaScript Yellow Pages</h2>



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



<script>



// Business Object

Business = {

  "businessName",

  "businessType",

  "businessNumber",

}



// Constructor function for Business Object

function business( businessName, businessType, businessNumber ) {

    this.businessName = name,

    this.businessType = type,

    this.businessNumber = number,

}



// Create 3 Business Objects

var business1 = new business("businessName1", "businessType1", "businessNumber1");

var business2 = new business("businessName2", "businessType2", "businessNumber2");

var business3 = new business("businessName3", "businessType3", "businessNumber3");



// Arrays of Business Objects, (Hopefully)

var businessesArray = [



  {"businessName1", "businessType1", "businessNumber1"},

  {"businessName2", "businessType2", "businessNumber2"},

  {"businessName3", "businessType3", "businessNumber3"},

];



// Create Bulleted List & Print

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;



</script>    

</body>

</html>

Try code here https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Sorry, I am a novice. Please help more in details :-)

Thank you in advance for all your help with my very first question! :-)

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

2

Just use another loop
– Ariel Alvarado
Nov 19 at 21:23

You should store the business information in an object instead of in an array. Then loop through the initial array which contains the business objects. [{}, {}]
– Rastalamm
Nov 19 at 21:27

add a comment |

up vote
0
down vote

favorite

I want to create & print a list of 20 businesses.

Server only allows for HTML & JavaScript and no jQuery plugins.

I need to use an Arrays to add 20 more Businesses w/ minimum coding. Would be nice to have a code for easily adding 20 more businesses.

Each array needs to print a separate bulleted list / Unordered List ( "ul")

<!DOCTYPE html>

<html>

<body>



<h2>JavaScript Yellow Pages</h2>



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



<script>



// Business Object

Business = {

  "businessName",

  "businessType",

  "businessNumber",

}



// Constructor function for Business Object

function business( businessName, businessType, businessNumber ) {

    this.businessName = name,

    this.businessType = type,

    this.businessNumber = number,

}



// Create 3 Business Objects

var business1 = new business("businessName1", "businessType1", "businessNumber1");

var business2 = new business("businessName2", "businessType2", "businessNumber2");

var business3 = new business("businessName3", "businessType3", "businessNumber3");



// Arrays of Business Objects, (Hopefully)

var businessesArray = [



  {"businessName1", "businessType1", "businessNumber1"},

  {"businessName2", "businessType2", "businessNumber2"},

  {"businessName3", "businessType3", "businessNumber3"},

];



// Create Bulleted List & Print

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;



</script>    

</body>

</html>

Try code here https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Sorry, I am a novice. Please help more in details :-)

Thank you in advance for all your help with my very first question! :-)

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

2

Just use another loop
– Ariel Alvarado
Nov 19 at 21:23

You should store the business information in an object instead of in an array. Then loop through the initial array which contains the business objects. [{}, {}]
– Rastalamm
Nov 19 at 21:27

add a comment |

up vote
0
down vote

favorite

I want to create & print a list of 20 businesses.

Server only allows for HTML & JavaScript and no jQuery plugins.

I need to use an Arrays to add 20 more Businesses w/ minimum coding. Would be nice to have a code for easily adding 20 more businesses.

Each array needs to print a separate bulleted list / Unordered List ( "ul")

<!DOCTYPE html>

<html>

<body>



<h2>JavaScript Yellow Pages</h2>



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



<script>



// Business Object

Business = {

  "businessName",

  "businessType",

  "businessNumber",

}



// Constructor function for Business Object

function business( businessName, businessType, businessNumber ) {

    this.businessName = name,

    this.businessType = type,

    this.businessNumber = number,

}



// Create 3 Business Objects

var business1 = new business("businessName1", "businessType1", "businessNumber1");

var business2 = new business("businessName2", "businessType2", "businessNumber2");

var business3 = new business("businessName3", "businessType3", "businessNumber3");



// Arrays of Business Objects, (Hopefully)

var businessesArray = [



  {"businessName1", "businessType1", "businessNumber1"},

  {"businessName2", "businessType2", "businessNumber2"},

  {"businessName3", "businessType3", "businessNumber3"},

];



// Create Bulleted List & Print

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;



</script>    

</body>

</html>

Try code here https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Sorry, I am a novice. Please help more in details :-)

Thank you in advance for all your help with my very first question! :-)

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

I want to create & print a list of 20 businesses.

Server only allows for HTML & JavaScript and no jQuery plugins.

I need to use an Arrays to add 20 more Businesses w/ minimum coding. Would be nice to have a code for easily adding 20 more businesses.

Each array needs to print a separate bulleted list / Unordered List ( "ul")

<!DOCTYPE html>

<html>

<body>



<h2>JavaScript Yellow Pages</h2>



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



<script>



// Business Object

Business = {

  "businessName",

  "businessType",

  "businessNumber",

}



// Constructor function for Business Object

function business( businessName, businessType, businessNumber ) {

    this.businessName = name,

    this.businessType = type,

    this.businessNumber = number,

}



// Create 3 Business Objects

var business1 = new business("businessName1", "businessType1", "businessNumber1");

var business2 = new business("businessName2", "businessType2", "businessNumber2");

var business3 = new business("businessName3", "businessType3", "businessNumber3");



// Arrays of Business Objects, (Hopefully)

var businessesArray = [



  {"businessName1", "businessType1", "businessNumber1"},

  {"businessName2", "businessType2", "businessNumber2"},

  {"businessName3", "businessType3", "businessNumber3"},

];



// Create Bulleted List & Print

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;



</script>    

</body>

</html>

Try code here https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Sorry, I am a novice. Please help more in details :-)

Thank you in advance for all your help with my very first question! :-)

javascript arrays printing

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

edited Nov 22 at 19:25

marc_s

568k12810991249

edited Nov 22 at 19:25

marc_s

568k12810991249

edited Nov 22 at 19:25

marc_s

568k12810991249

asked Nov 19 at 21:22

Farhang

asked Nov 19 at 21:22

Farhang

asked Nov 19 at 21:22

Farhang

2

Just use another loop
– Ariel Alvarado
Nov 19 at 21:23

You should store the business information in an object instead of in an array. Then loop through the initial array which contains the business objects. [{}, {}]
– Rastalamm
Nov 19 at 21:27

add a comment |

2

Just use another loop
– Ariel Alvarado
Nov 19 at 21:23

You should store the business information in an object instead of in an array. Then loop through the initial array which contains the business objects. [{}, {}]
– Rastalamm
Nov 19 at 21:27

Just use another loop
– Ariel Alvarado
Nov 19 at 21:23

You should store the business information in an object instead of in an array. Then loop through the initial array which contains the business objects. [{}, {}]
– Rastalamm
Nov 19 at 21:27

add a comment |

1 Answer
1

active

oldest

votes

up vote
1
down vote

To print the array based on the structure you've given, use two loops (one for the inner array and the other for the outer array):

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

  var ul = $("<ul/>");

  $('#list').append(ul);

  console.log((businesses[i]));

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

    var li = $("<li/>");

    li.text(businesses[i][j]);

    ul.append(li);

  }

}

Here is a Fiddle demo: https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

answered Nov 19 at 21:43

devlin carnate

5,11663358

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

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',
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%2f53382818%2fjavascript-objects-arrays-printing%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
1
down vote

To print the array based on the structure you've given, use two loops (one for the inner array and the other for the outer array):

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

  var ul = $("<ul/>");

  $('#list').append(ul);

  console.log((businesses[i]));

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

    var li = $("<li/>");

    li.text(businesses[i][j]);

    ul.append(li);

  }

}

Here is a Fiddle demo: https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

answered Nov 19 at 21:43

devlin carnate

5,11663358

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

add a comment |

up vote
1
down vote

To print the array based on the structure you've given, use two loops (one for the inner array and the other for the outer array):

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

  var ul = $("<ul/>");

  $('#list').append(ul);

  console.log((businesses[i]));

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

    var li = $("<li/>");

    li.text(businesses[i][j]);

    ul.append(li);

  }

}

Here is a Fiddle demo: https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

answered Nov 19 at 21:43

devlin carnate

5,11663358

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

add a comment |

up vote
1
down vote

To print the array based on the structure you've given, use two loops (one for the inner array and the other for the outer array):

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

  var ul = $("<ul/>");

  $('#list').append(ul);

  console.log((businesses[i]));

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

    var li = $("<li/>");

    li.text(businesses[i][j]);

    ul.append(li);

  }

}

Here is a Fiddle demo: https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

answered Nov 19 at 21:43

devlin carnate

5,11663358

To print the array based on the structure you've given, use two loops (one for the inner array and the other for the outer array):

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

  var ul = $("<ul/>");

  $('#list').append(ul);

  console.log((businesses[i]));

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

    var li = $("<li/>");

    li.text(businesses[i][j]);

    ul.append(li);

  }

}

Here is a Fiddle demo: https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

answered Nov 19 at 21:43

devlin carnate

5,11663358

answered Nov 19 at 21:43

devlin carnate

5,11663358

answered Nov 19 at 21:43

devlin carnate

5,11663358

answered Nov 19 at 21:43

devlin carnate

5,11663358

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

add a comment |

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

Sorry, the server only allows me to use HTML & JavaScript code I can not use jQuery Thank you for your reply, thought!
– Farhang
Nov 20 at 3:36

@Farhang : you should be able to use the same structure with JS. Two loops, like I've shown above.
– devlin carnate
Nov 20 at 17:06

Thank you. What is "#list"? Is it a variable? Do I have to declare it before? How about "$"? Thanks!
– Farhang
Nov 21 at 1:11

@Farhang : #list is the id of an HTML element, such as a div that the ul is appended to.
– devlin carnate
Nov 21 at 18:20

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

搜尋此網誌

Nsryjdtyk