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

Question

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

假设我已经创建了一个索引，但我不确定它是否正确地表示了画布的像素。我可以运行什么命令来查找这个对象的摘要特性，例如:数组、整数值、最小值、最大值、长度、前5-10个条目等。

Answer 1

没有专门的p5.js支持来帮助您调试JavaScript。可以使用配置了浏览器调试的IDE (如Visual )，也可以使用浏览器的开发人员工具检查局部变量，或者按照注释中的建议，通过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字符串。