Javascript 如何将表脚本化为嵌套元素,打印不带循环的数组
我正在处理这个JavaScript问题,我对JavaScript的经验很少,所以请耐心听我说 我有一个对象数组,我的目标是将它的部分(而不是全部)内容打印到HTML表中。我没有访问HTML的权限,只允许在HTML文件的script元素中编写JavaScript。我的问题分为两部分: 1) 如何成功地将JavaScript的部分作为目标 2) 如何在不使用循环的情况下打印数组的对象 例如,数组可以是Javascript 如何将表脚本化为嵌套元素,打印不带循环的数组,javascript,html,arrays,html-table,Javascript,Html,Arrays,Html Table,我正在处理这个JavaScript问题,我对JavaScript的经验很少,所以请耐心听我说 我有一个对象数组,我的目标是将它的部分(而不是全部)内容打印到HTML表中。我没有访问HTML的权限,只允许在HTML文件的script元素中编写JavaScript。我的问题分为两部分: 1) 如何成功地将JavaScript的部分作为目标 2) 如何在不使用循环的情况下打印数组的对象 例如,数组可以是 myArray = [ { color:"red", number:"9", city:
myArray = [ { color:"red", number:"9", city:"San Francisco", shape:"circle" },
{ color:"blue", number:"28", city:"Oakland", shape:"square" },
{ color:"green", number:"41", city:"San Jose", shape:"rhombus" },
{ color:"yellow", number:"19", city:"Sacramento", shape:"triangle" } ]
一个HTML示例,我希望将JavaScript作为打印表的目标
<section id="ThisSection">
<table>
<tbody> **HERE** </tbody>
</table>
</section>
**这里**
我想使用JavaScript插入的代码的计算结果应该是这样的
<tr>
<td>myArray[0].number</td>
<td>myArray[0].shape</td>
</tr>
...
<tr>
<td>myArray[3].number</td>
<td>myArray[3].shape</td>
</tr>
myArray[0]。数字
myArray[0]。形状
...
myArray[3]。数字
myArray[3]。形状
我试图针对HTML部分所做的是
document.getElementById(“ThisSection”).getElementByTagName(“tbody”).outerHTML=“myArray[0].color”代码>
等等
任何帮助或建议都将不胜感激。重申一下,当我从数组中插入表格HTML数据时,我不会使用循环。我打算尝试使用map或其他一些数组函数,但不确定该使用哪个。你有没有想过要怎么做
谢谢大家! 到目前为止你试过什么?你被困在哪里?请分享您的尝试myArray
是一个对象,而不是数组。还有,为什么要避免循环呢?使用map
实际上会循环数组中的项目,所以我猜您的意思是不想使用for循环
?另外,这是一个对象,而不是一个数组,就像@VLAZ说的那样。@NicoHaase我试过document.getElementById(“ThisSection”).getElementByTagName(“tbody”).outerHTML=“myArray[0].color”;但它给了我一个机会error@VLAZ这是一个学校作业,我被指示不要使用循环。我不知道为什么,我想如果我被允许的话会更容易。