呈现用户信息的算法建议

Question

我正在学习多维数组/对象。我想测试这个想法并尝试了我能想到的一切，但我找不到正确的解决方案。

假设一个游戏中有 3 个注册“用户”。当他们登录时，它将呈现玩家信息，如 ID、LEVEL 和 HP。您将如何为此构建功能？

我是新手，所以请使用香草JS。另外，这个场景只是为了练习，所以请不要提及任何关于服务器的内容。

<label>User ID:</label>
<input type='text'></input>
<br>
<label>User PW:</label>
<input type='text'></input>
<br>
<button id='demoButton'>Log in</button>

<table>
    <tr>
        <th colspan='2'>Outcome</th>
    </tr>
    <tr>
        <th>ID:</th>
        <td></td>
    </tr>
    <tr>
        <th>LEVEL:</th>
        <td></td>
    </tr>
    <tr>
        <th>HP:</th>
        <td></td>
    </tr>
</table>

<script>

var allPlayers = {
    'player1': ['id1', 55, 100],
    'player2': ['id2', 12, 50],
    'player3': ['id3', 123, 1000]
};

*// What kind of function to write?*

</script>

Answer 1

下一个函数会帮助你。您可以创建一个函数“showObjectData”，它接收像“allPlayers”这样的对象并使用 Object.entries 方法。通过这个方法，您将获得一个包含所有键/值对的数组，并且由于数组是可迭代的，您可以使用 forEach 方法打印每个元素并访问 element[1]，这是您可以迭代的另一个数组。

var allPlayers = {
  'player1': ['id1', 55, 100],
  'player2': ['id2', 12, 50],
  'player3': ['id3', 123, 1000]
};

function showObjectData(obj) {
   Object.entries(obj).forEach(element => {
   console.log(element);
   });
}

showObjectData(allPlayers);