Инициализируйте матрицу n x n в 1 строке.

Когда я пытался сделать простую игру в крестики-нолики в React, мне нужно было инициализировать матрицу 3 на 3 для представления состояния игры. Найти в сети то, что мне было нужно, оказалось на удивление сложно, поэтому я решил разобраться сам и поделиться тем, что обнаружил.

Наивный путь

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

Лучший способ

Наивный способ хорош для примера Крестики-нолики, но как насчет сетки 50 х 50? Или что, если вы хотите, чтобы каждая плитка хранила дополнительную информацию, которая не может быть представлена ​​числом?

Теперь, даже если вы хотите, чтобы каждая ячейка содержала определенную логику, это очень легко сделать. Например:

Надеюсь, вы нашли это полезным!