Member 13863747 Ответов: 1

Заполнить заголовок многомерным массивом

У меня есть этот многомерный массив в JavaScript, и я пытаюсь заполнить им заголовок в HTML.я хочу заполнить этот заголовок так, чтобы все первое имя было напечатано отдельно в заголовке. Есть ли простой способ сделать это, потому что я не знаю, как это сделать? Любая помощь будет очень признательна.

Что я уже пробовал:

Вот мой JSfiddle[^]

1 Ответов

Рейтинг:
0

Nathan Minier

Есть несколько способов приблизиться к этому, но многие из "коротких путей" будут иметь непреднамеренные вторичные эффекты. Лучший способ сделать это чисто-создать элементы, которые вы хотите заполнить, и добавить их в DOM в интересующей вас точке. Например:

<html>
<head>
    <script type="text/javascript">
        let personArr = [
            {firstName:"John", lastName:"Doe", age:21},
            {firstName:"Paul", lastName:"Logan", age:22},
            {firstName:"Sean", lastName:"Kim", age:32},
            {firstName:"Ken", lastName:"Chow", age:12}
        ];

        let peopleDiv = document.getElementById('People');

        for(let i=0;i<personArr.length;i++){
            let newElement = document.createElement('h6');
            newElement.innerHTML = personArr[i].firstName;
            peopleDiv.appendChild(newElement);
        }
    </script>
</head>
<body>
<div id="People"></div>
</body>
</html>


если вам нужно сделать это с многомерным массивом, вы можете сделать свои назначения DOM из вложенного цикла.