在 Fetch 调用中迭代数组

Question

我有一个像这样的 JSON 对象：

[{"user": "poetry2", "following": ["Moderator", "shopaholic3000"]}]

我正在使用这样的 Fetch API：

    fetch (`/profile/${username}/following`)

    .then(response => response.json())

    .then(profiles => {

        profiles.forEach(function(profile){

            profileDisplay = document.createElement('button');

            profileDisplay.className = "list-group-item list-group-item-action";

            profileDisplay.innerHTML = `

            ${profile.following}`;

            listFollowing.appendChild(profileDisplay);

        })

    })

现在，它在同一个按钮中显示以下用户，如下所示：

<button class="list-group-item list-group-item-action">

            Moderator,shopaholic3000</button>

如何修改 Fetch 调用以在单独的按钮中显示以下每个用户。更像这样的东西：

<button class="list-group-item list-group-item-action">

            Moderator</button>

<button class="list-group-item list-group-item-action">

            shopaholic3000</button>

Answer 1

因此，您需要执行第二次循环来循环下面的数组profiles.forEach(function(profile){&nbsp; profile.following.forEach(name => {&nbsp; &nbsp; const profileDisplay = document.createElement('button');&nbsp; &nbsp; profileDisplay.innerHTML = `${name}`;&nbsp; &nbsp; ....&nbsp; });});