Javascript 如何将表脚本化为嵌套元素,打印不带循环的数组

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:

我正在处理这个JavaScript问题,我对JavaScript的经验很少,所以请耐心听我说

我有一个对象数组,我的目标是将它的部分(而不是全部)内容打印到HTML表中。我没有访问HTML的权限,只允许在HTML文件的script元素中编写JavaScript。我的问题分为两部分:

1) 如何成功地将JavaScript的部分作为目标

2) 如何在不使用循环的情况下打印数组的对象

例如,数组可以是

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这是一个学校作业,我被指示不要使用循环。我不知道为什么,我想如果我被允许的话会更容易。