Как я могу отобразить несколько данных объекта?

Question

Это ...

return (data.map(obj => obj.name)).join('<br>');

... дает мне вывод:

monkey
cat
snake
elephant

И это ..

return (data.map(obj => obj.group.id)).join('<br>');

... даетмне вывод:

2
4
6
3

Мне нужен вывод:

id: 2, name: monkey
id: 4, name: cat
id: 6, name: snake
id: 3, name: elephant

Это мой подход:

return ('id:' + data.map(obj => obj.group.id) + ', name: 'data.map(obj => obj.name)).join('<br>');

Ошибка:

Синтаксическая ошибка: отсутствует) в скобках

Answer 1

Вы были близки!Используйте шаблонные строки , чтобы сделать работу намного проще.

const data = [
    {
        name: "monkey",
        group: {
            id: "2"
        }
    },
    {
        name: "cat",
        group: {
            id: "4"
        }
    },
    {
        name: "snake",
        group: {
            id: "6"
        }
    },
    {
        name: "elephant",
        group: {
            id: "3"
        }
    }
];

const joined = data.map(obj => `id: ${obj.group.id}, name: ${obj.name}`).join('<br>');

document.getElementById("app").innerHTML = joined;

<div id="app"></div>