我在试图理解如何从数组中删除每一个元素时偶然发现了这个问题。这里是拼接和删除的比较，用于从项数组中删除每个“c”。

var items = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd'];

while (items.indexOf('c') !== -1) {
  items.splice(items.indexOf('c'), 1);
}

console.log(items); // ["a", "b", "d", "a", "b", "d"]

items = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd'];

while (items.indexOf('c') !== -1) {
  delete items[items.indexOf('c')];
}

console.log(items); // ["a", "b", undefined, "d", "a", "b", undefined, "d"]
​

delete将删除对象属性，但不会重新索引数组或更新其长度。这使得它看起来像是未定义的：

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> delete myArray[0]
  true
> myArray[0]
  undefined

请注意，它实际上没有设置为值undefined，而是从数组中删除了属性，使其看起来未定义。Chrome开发工具在记录阵列时打印为空，从而明确了这一区别。

> myArray[0]
  undefined
> myArray
  [empty, "b", "c", "d"]

splice（start，deleteCount）实际上删除了元素，重新索引数组，并更改其长度。

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> myArray.splice(0, 2)
  ["a", "b"]
> myArray
  ["c", "d"]

应用delete运算符和splice（）方法后，通过记录每个数组的长度可以看出差异。例如：

删除运算符

var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'];
delete trees[3];

console.log(trees); // ["redwood", "bay", "cedar", empty, "maple"]
console.log(trees.length); // 5

delete运算符从数组中删除元素，但元素的“占位符”仍然存在。橡树已经被移除，但它仍然占用阵列中的空间。因此，阵列的长度保持为5。

拼接（）法

var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'];
trees.splice(3,1);

console.log(trees); // ["redwood", "bay", "cedar", "maple"]
console.log(trees.length); // 4

splice（）方法完全删除目标值和“占位符”。橡树已经被移除，以及它在阵列中占据的空间。阵列的长度现在为4。

最简单的方法可能是

var myArray = ['a', 'b', 'c', 'd'];
delete myArray[1]; // ['a', undefined, 'c', 'd']. Then use lodash compact method to remove false, null, 0, "", undefined and NaN
myArray = _.compact(myArray); ['a', 'c', 'd'];

希望这有帮助。参考：https://lodash.com/docs#compact

如果您想要迭代一个大数组并选择性地删除元素，那么每次删除都调用splice（）将非常昂贵，因为splice（（）每次都必须重新索引后续元素。因为数组在Javascript中是关联的，所以删除单个元素然后重新索引数组会更有效。

您可以通过构建一个新阵列来实现这一点。例如

function reindexArray( array )
{
       var result = [];
        for( var key in array )
                result.push( array[key] );
        return result;
};

但我认为您不能修改原始数组中的键值，这会更有效——看起来您可能需要创建一个新数组。

请注意，您不需要检查“未定义”条目，因为它们实际上并不存在，for循环也不会返回它们。这是数组打印的产物，将它们显示为未定义。它们似乎不存在于记忆中。

如果您可以使用slice（）之类的方法，这会很好，因为它会更快，但不会重新索引。有人知道更好的方法吗？

实际上，您可能可以按以下方式就地执行，这可能更高效、更具性能：

reindexArray : function( array )
{
    var index = 0;                          // The index where the element should be
    for( var key in array )                 // Iterate the array
    {
        if( parseInt( key ) !== index )     // If the element is out of sequence
        {
            array[index] = array[key];      // Move it to the correct, earlier position in the array
            ++index;                        // Update the index
        }
    }

    array.splice( index );  // Remove any remaining elements (These will be duplicates of earlier items)
},

目前有两种方法可以做到这一点

使用夹板（）arrayObject.spling（索引，1）；使用deletedelete arrayObject[index]；

但我始终建议对数组对象使用拼接，对对象属性使用删除，因为删除不会更新数组长度。