Блог

Главная - Вопросы по программированию - У меня есть массив символов, я хочу отобразить имя, дом и изображение в строках по 4 в html с помощью javascript. Должен ли я foreach?

У меня есть массив символов, я хочу отобразить имя, дом и изображение в строках по 4 в html с помощью javascript. Должен ли я foreach?

#javascript #html #arrays

#javascript #HTML #массивы

Вопрос:

пробовал что-то подобное potterCharacters.forEach((x) => getCharacters(x.name)); , это отображает только имя, но, похоже, не может продолжить.

 function Init()
{
    debugger;
    potterCharacters.forEach((x) => getCharacters(x.name));
    text  = "</ul>";
    document.getElementById("rows").innerHTML = text;    
}

function getCharacters(value)
{
    text  = "<th>"   value   "</th>";
}```

Комментарии:

1. Краткая версия массива pastebin.com/r2ExEAwc

2. пожалуйста, приведите пример массива и функции getCharacters

3. Пожалуйста, можете ли вы опубликовать код в вопросе, а не за ссылкой?

Ответ №1:

 function Init() {
    const text = potterCharacters.map(character => {
        const { name, house, image } = character
        return `<tr>
            <td>${name}</td>
            <td>${house}</td>
            <td><img src="${image}"/></td>
        </tr>`
    })
    document.getElementById("characters").innerHTML = text    
}

HTML:

 <table id="characters"></table>
Метки: