Как записать таблицу во вложенный элемент, вывести массив без циклов - PullRequest
Новая
       4

Как записать таблицу во вложенный элемент, вывести массив без циклов

0 голосов
/ 14 февраля 2020

Я работаю над этой JavaScript проблемой, и у меня очень мало опыта с JavaScript, поэтому, пожалуйста, потерпите меня.

У меня есть массив объектов, и моя цель - напечатать некоторые (не все) его содержимого в таблицу HTML. У меня нет доступа к HTML, и мне разрешено только писать JavaScript в элементе script файла HTML. Мой вопрос состоит из 2 частей:

1) Как мне успешно нацелиться на раздел для JavaScript

2) Как распечатать объекты массива без использования al oop?

Например, массив может быть 

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>

То, что я пытался сделать для нацеливания на секцию HTML, было похоже на document.getElementById("ThisSection").getElementByTagName("tbody").outerHTML = "<tr><td>myArray[0].color</td></tr>";

et c.

Любая помощь или совет будет принята с благодарностью. И еще раз повторюсь: когда я вставляю данные tabled HTML из массива, я не буду использовать al oop. Я планировал попробовать использовать карту или какую-то другую функцию массива, но не знал, какую именно использовать. Любая мысль о том, что будет делать трюк?

СПАСИБО!

...