JavaScript Array Console.log Reporting Issue inside Replit

[HexScript]

Problem description:
The Replit console displays inaccurate information about the contents of an array inside console when you run code snippet in this post inside replit.

Expected behavior:
[ ]
0
(2) [“10”, “11”]
2

Actual behavior:
(2) [“10”, “11”]
0
(2) [“10”, “11”]
2

Steps to reproduce:
Run this code snipet inside html / js / css replit and check content of console:

let secondArray = [];
console.log(secondArray);
console.log(secondArray.length);
secondArray.push('10');
secondArray.push('11');
console.log(secondArray);
console.log(secondArray.length);

Bug appears at this link:

Browser/OS/Device:
I’m using windows 11 and latest version of chromium browser.

[HexScript]

It produce expected output correctly if coded like this:

let secondArray = [];

console.log(secondArray);
console.log(secondArray.length);

setTimeout(function() {
  secondArray.push('10');
  secondArray.push('11');
  console.log(secondArray);
  console.log(secondArray.length);
}, 100);

I don’t know if this is a bug or some feature how these virtual JavaScript consoles work you have to use timers or async functions to code or otherwise console renders incorrect values in console. So this is propaby some UI issue.

[OmegaOrbitals]

Can you please format your code by triple backticks?

[9pfs1]

This is maybe an Eruda bug (I think replit uses eruda still), maybe make an issue on Issues · liriliri/eruda · GitHub just in case.

[QwertyQwerty88]

Hello @HexScript! Please edit your post’s code to be formatted like this:

```
Your code here
```

So that it is easier for staff and members of the community to help you with your issue!

Also see this guide on how to share your code:

How to share your code

To share your code with others, you can simply link to your repl or paste and format the code into your post! Linking to a repl The easiest way to share your code is by linking to your repl. You can find the link by clicking on your repl title, clicking on Cover page, and clicking the button to copy the URL. NOTE: only share repl join links or use the invite button with people you trust! Sharing short code samples Share a snippet of your code by wrapping it in backti…

PS: if you cannot edit your post, please read around a little to increase your trust level and let you access editing your posts.

[HexScript]

After conducting further research on this matter, it appears that this is a common feature among virtual JavaScript consoles. To resolve the issue, you can navigate to the console settings and disable asynchronous rendering. I don’t know if there are any side-effect for keeping asynchronous rendering off but I suspect it might lessen performance but it makes console logs give more accurate information in some cases like in this case what i posted.