Working on a Connect Four app for my school project has been an interesting challenge. At the moment, I am grappling with JSON.stringify and trying to encode an object that holds a two-dimensional array of "hole" objects to eventually send it to the server. This process will help in broadcasting the game state updates to two clients simultaneously, ensuring both players are on the same page.
Prior to applying JSON.stringify on holeObjArray, I took a peek into its contents using console.log and was pleased to see the updated game state reflected within.
In particular, I observed the significance of holeObjArray[5][6] featuring 'p1' = 1, aligning perfectly with the ongoing game state (pictured on the right).
However, upon execution of JSON.stringify as seen below:
function sendGrid()
{
console.log(holeObjArray);
JSONStr = JSON.stringify(holeObjArray);
console.log(JSONStr);
//ws.send(JSONStr);
}
The resultant output of JSONStr was rather perplexing:
Evidently, the stringified object failed to capture the current game state accurately. Instead, it seemed stuck at representing the board state from the previous play onwards. This inconsistency post JSON.stringify action raises questions over its behavior and why it fails to reflect the most recent changes. Any insights or guidance on this matter would be highly appreciated.
Thank you,
Alex