JavaScript 对象数组和打印答案

【问题标题】：JavaScript Objects Arrays & PrintingJavaScript 对象数组和打印
【发布时间】：2018-11-19 21:22:05
【问题描述】：

我想创建并打印一份包含 20 家企业的列表。

服务器只允许 HTML 和 JavaScript，没有 jQuery 插件。

我需要使用数组来添加 20 个以上的业务，而代码最少。如果有一个代码可以轻松添加 20 多个企业，那就太好了。

每个数组需要打印一个单独的项目符号列表/无序列表（“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>

在此处尝试代码https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

对不起，我是新手。请提供更多详细信息:-)

提前感谢您对我的第一个问题的所有帮助！ :-)

【问题讨论】：

使用另一个循环
您应该将业务信息存储在对象中而不是数组中。然后遍历包含业务对象的初始数组。 [{}, {}]

标签： javascript arrays printing

【解决方案1】：

要根据您给定的结构打印数组，请使用两个循环（一个用于内部数组，另一个用于外部数组）：

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);
  }
}

这是一个 Fiddle 演示：https://jsfiddle.net/zephyr_hex/vqodf1xn/13/

【讨论】：

对不起，服务器只允许我使用 HTML & JavaScript 代码我不能使用 jQuery 谢谢你的回复，想想！
@Farhang ：您应该能够在 JS 中使用相同的结构。两个循环，就像我在上面展示的那样。
谢谢。什么是“#list”？它是一个变量吗？我必须先声明吗？ “$”呢？谢谢！
@Farhang : #list 是 HTML 元素的 id，例如附加了 ul 的 div。