从 JavaScript 数组中删除任意元素

Question

在我的 Google 地图应用程序中，我可以在地图上放置标记，并保留对每个放置的标记的引用，以及名为 markers 的数组中的一些额外信息。

添加标记很容易，我只需将新创建的对象push()到数组上(markers.push(marker))；

然而，当需要从数组中删除任意标记时，给定槽的索引，它的行为不会按预期进行。 我的功能是：

function deleteMarker(markerIndex) {
    if (markerIndex!='' && markerIndex>=0 && markerIndex<markers.length) {
        if (confirm('Do you really want to remove this marker from the map?')) {
            alert('deleting marker '+markerIndex); //debugging purposes
            markers.splice (markerIndex, 1);
        }
    }
}

我以前没有使用 splice() 函数的经验，但是查看 其描述 @ w3schools 看起来非常简单。 但是，我得到以下行为：

markers.splice() 不执行任何操作。 那么我做错了什么？

而且，当 markerIndex 为 0 时，不会显示确认框。 起初，我假设冗长的 if 条件评估为 false，因此跳过了整个代码块，但是，使用 Firebug 逐步执行调用，我发现当数组非空时，条件（当然）适用于索引 0 ，下一步显示 if (confirm(...)) 和 alert('deleting...) 被跳过并且>markers.splice() 被调用（但没有任何反应）。 这种行为很奇怪，我决定提出这个问题。

谁能澄清一下发生了什么吗？

我认为删除标记将是人们可以做的最简单的功能。 我可以添加它们，编辑它们的内容，甚至清除所有标记（pop()-将标记从markers数组中删除，直到为空）以及所有效果很好。

Answer 1

您的代码存在一个问题，即 JavaScript 将 0 == '' 解释为 true，因此对于为零的 markerIndex，您的确认代码不会执行。 我猜您误解了 Firebug 显示的步骤，或者它只是这里有问题，因为您的 if 条件实际上对于标记索引 0 计算为 false。

您可以通过添加一个来使用类型严格比较 extra =：

if (markerIndex !== '' && ...) {

更简单的方法是：

if (markers[markerIndex] !== undefined) {

因为 JavaScript 在访问未定义的对象成员时不会引发错误。

您的另一个问题 splice() 无法正常工作很奇怪（它应该可以工作）。

Answer 2

function deleteMarker(markerIndex) {
    if (markers[markerIndex] !== undefined) {
        if (confirm('Do you really want to remove this marker from the map?')) {
            map.removeOverlay(markers[markerIndex]);
            markers.splice (markerIndex, 1);
        }
    }
}

这似乎可以解决所有问题。 感谢您的回答，非常感谢。
我特别喜欢将第一个 if 条件简化为：

if (markers[markerIndex] !== undefined)

splice() 似乎直接在数组上操作（与 NuclearDog 暗示的相反）并且它按预期工作。 我最亲爱的萤火虫误导了我。

Answer 3

不确定这是否是这里发生的事情。 但我看到相同的代码在 Firebug 中在调试时和未调试时运行不同。 我很确定我也没有干扰代码的手表。