JavaScript 数组在将值推送到数组之前就被追踪为具有值

Question

我正在开发一个跟踪网站上点击链接的项目。我正在尝试将单击的链接存储在本地存储对象中。为了能够使用代码中的链接，我创建了一个本地数组，用于从本地存储获取 url(单击的链接)。

在一些调试过程中，我注意到本地数组在实例化之后立即有一个值，然后将值推送到它。

代码:

console.log("before instantiation");

var clickedLinksArrTest = [];

console.log("after instantiation");

console.log("before pushing the url");

console.log("clickedLinksArrTest ", clickedLinksArrTest);

clickedLinksArrTest.push(localStorage["clickedLinks"]);

console.log("after pushing the url");

console.log("clickedLinksArrTest ", clickedLinksArrTest);

我在浏览器控制台中看到的是这样的:

看起来甚至在我将 url 插入数组之前，数组中的索引 0 处就已经有一个值了。我正在尝试追踪一个特定的错误，但我不知道这是否是导致该错误的原因，因此我想了解这里发生的情况，以防它实际上是我试图修复的错误的原因。

Answer 1

要查看差异，请尝试以下操作:

console.log("before instantiation");

var clickedLinksArrTest = [];

console.log("实例化后");

console.log("推送网址之前");

console.log("clickedLinksArrTest ", clickedLinksArrTest.slice(0));

clickedLinksArrTest.push(localStorage["clickedLinks"]);

console.log("推送网址后");

console.log("clickedLinksArrTest ", clickedLinksArrTest);