Алгоритм предложения для отображения пользовательской информации

Question

Я изучаю многомерный массив / объект. Я хотел проверить эту идею и перепробовал все, что мог придумать, но не смог найти правильного решения.

Предположим, в игре 3 зарегистрированных пользователя. Когда они войдут в систему, он будет отображать информацию об игроке, такую ​​как ID, LEVEL и HP. Как бы вы подошли к созданию функции для этого?

Я новичок, поэтому, пожалуйста, используйте vanilla 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 для печати каждого элемента и для доступа к элементу [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);