Console doesn't print current variable content for Object types (bug in `console-feed`)

[WHGZIM]

Nature of issue?

• Found a bug

Details about the bug:

• Web browser and version:

Google Chrome | 77.0.3865.120 (Offizieller Build) (64-Bit) (cohort: Stable)

• Operating System:
  Windows
• Steps to reproduce this bug:
  Run the Programm and load ergebnisse.txt

copy:
Otto, 345
Klaus, 23454
Leonie, 234
to ergebnisse.txt file
Run: https://editor.p5js.org/ZIM/sketches/6NUFu7ELU
Load ergebnisse.txt

Open Chrome developer Console.
Chrome developer Console shows different Values (the right ones) of an Arrays compared to p5js Web Editor Console. (Compare 9th and 10th line of output of p5js

web editor Console)

Feature enhancement details:

New feature details:

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[catarak]

thanks for reporting! what a strange bug. not sure what's going on here!

[WHGZIM]

I have the feeling that it is somehow related to the fact that javascript works asynchronously. While the print function is preparing the output the programm goes on and starts to sort the content of the array. At some point ,while the sorting process is still in progress, the print function comes back and catches the data of array, which is now partly sorted.

[catarak]

I think you're right! I was trying to demonstrate to a student yesterday how Arrays work (vs primitive types in JS) and came across the same bug. Here's an example sketch that demonstrates it.

[krawc]

A potentially similar issue was reported on main p5.js repo. The exact same code worked correctly on codepen.io and incorrectly in the p5 Editor.

processing/p5.js#4143

[krawc]

Print outputs are correct in the Chrome console (78.0.3904.87).

In case it helps narrow down the issue: wrapping the array value change in a 1ms timeOut gives correct outputs. Example

[catarak]

hehe "vile but correct". thanks for figuring that out, that's super helpful!

[ashu8912]

The Problem here is array is a reference type object so when we are doing console.log(arr) it is actually showing content from the prototype of that array i dont know why this is happening like this can be a problem with how arrays or console.log are looked in the by web editor compiler.

this sketch code can help you understand the problem better
https://editor.p5js.org/ashughildiyal5/sketches/uki5gg_4s

[ashu8912]

This is a problem with the library "console-feed" even codesandbox and other users of this library has this problems.