Why You Can't Trust Console Logs

Console logs in JavaScript can be misleading because objects and arrays are stored by reference in memory. When you expand a console log in browser DevTools, it evaluates the current state of the object, not the state at the time of logging. This can cause confusion during debugging. Workarounds include deep copying via spread with map, structuredClone(), or JSON.stringify/parse before logging. The recommended alternative is using the browser debugger statement, which pauses execution and shows the true application state at that moment.