如何找到对象的基本属性，例如数组，在 p5.js?

Question

令人难以置信的是，我找不到这个非常重要的调试工具的答案。

假设我创建了一个索引，但我不确定它是否正确表示 canvas 的像素。我可以使用什么命令运行找到此对象的摘要特征，例如：数组、整数值、最小值、最大值、长度、前 5 - 10 个条目等

Answer 1

没有特殊的 p5.js 支持来帮助您调试 JavaScript。您可以使用 IDE 例如配置了浏览器调试的 Visual Studio 代码，或者您可以使用浏览器的开发人员工具检查局部变量或通过 JavaScript 控制台示例它们，记录它们根据评论中的建议，通过 console.log(obj)。在某些环境下（例如openprocessing.org或editor.p5js.org）print()函数可用于显示调试信息，因此如果您想在不使用开发人员的情况下检查对象的内容工具，您可以将对象转换为 JSON 并使用 print() 显示它。示例：

let obj;

function setup() {
  noCanvas();
  obj = {
    foo: "bar",
    ary: [ 1, 1, 2, 3, 5 ]
  };
}

function mouseClicked() {
  print(JSON.stringify(obj));
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>

但是请注意，在普通网页中，传递给 print() 的值只会在浏览器的 JavaScript 控制台中可见。也并非所有对象都可以转换为 JSON 字符串。

如何找到对象的基本属性，例如数组，在 p5.js?

How to find basic properties of an object, e.g. array, in p5.js?

p5.js