从 Chrome DevTools 复制数组 - Javascript

当你在 Chrome 的调试器中使用控制台输出数组时，你可能需要将这个数组复制并粘贴到你的代码中。但是，如果你尝试直接复制，它只会导致一个类似于这样的字符串：

"[1, 2, 3, 4, 5]"

如果你只是想将它用作测试数据并不需要手动输入此数组，那这样做是足够的。但是，如果你想将其粘贴到你的代码中，那么它不再是一个合法的 Javascript 数组，因为它被当作一个字符串来引用而不是一个数组。

所以，如何确保你可以正确地粘贴数组呢？

复制一个多行数组

一个比较好的方法是将数组复制为多行内容。这样可以确保它被正确地解释为一个数组。让我们看一个例子：

[
  "apple",
  "banana",
  "orange",
  "grape"
]

这是一个多行 JSON 数组。你可以使用 Chrome 调试器中的 console.log() 来输出这个数组。当你将鼠标放在输出的数组上时，你可以看到一个选项来复制这个数据。

点击这个按钮，它将复制一个多行数组到你的剪贴板中，它看起来像这样：

[
  "apple",
  "banana",
  "orange",
  "grape"
]

现在，你可以将它粘贴到你的代码中，并使用它作为一个合法的 Javascript 数组。

复制一个单行数组

如果你要复制一个单行数组，你需要手动添加一些括号和逗号。

假设你有一个这样的数组：

[1, 2, 3, 4, 5]

这是一个单行数组。如果你要将它复制到你的代码中，你需要将它包装在一个数组的括号中，并添加从每个元素后的逗号，看起来像下面这样：

[
  1,
  2,
  3,
  4,
  5
]

这看起来很奇怪，但它是一个合法的 Javascript 数组，可以正确地解释为一个数组。你可以将此数组粘贴到你的代码中，并将其用作合法的 Javascript 数组。

结论

复制 Chrome DevTools 中的数组在粘贴到你的代码时可能会遇到一些问题，但是使用多行数组或在单行数组中添加逗号和括号，可以确保数组以正确的格式解释。如果你遇到布尔值或其他值，只需将它们包装在引号中，就可以正确地解释它们为字符串。