在 JavaScript 中删除数组元素 - 删除与拼接

Question

使用有什么区别 这 delete 操作员 在数组元素上而不是使用 这 Array.splice 方法?

例如：

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

delete myArray[1];
//  or
myArray.splice (1, 1);

如果我可以像删除对象一样删除数组元素，为什么还要使用 splice 方法呢？

Answer 1

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

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

请注意，这不是实际上设置为值undefined，而所述属性是从阵列中移除，使其出现未定义。在Chrome开发工具进行这种区分明确由记录所述阵列当打印empty。

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

myArray.splice(start, deleteCount) 实际上移除元件，重新索引的阵列，且改变其长度。

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

Answer 2

Array.remove（）方法

约翰Resig的，jQuery的作者创造了一个非常方便的Array.remove的方法，我一直用它在我的项目。

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

和这里的如何可以使用的一些示例：

// Remove the second item from the array
array.remove(1);
// Remove the second-to-last item from the array
array.remove(-2);
// Remove the second and third items from the array
array.remove(1,2);
// Remove the last and second-to-last items from the array
array.remove(-2,-1);

约翰的网站

Answer 3

由于仅删除删除该数组元素中的对象，该阵列的长度不会改变。剪接移除对象，缩短阵列。

下面的代码会显示 “A”， “B”， “未定义”， “d”

myArray = ['a', 'b', 'c', 'd']; delete myArray[2];

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

而这将显示 “A”， “B”， “d”

myArray = ['a', 'b', 'c', 'd']; myArray.splice(2,1);

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

Answer 4

我偶然到这个问题，同时试图理解如何从数组中删除元素的每次出现。 这里的一个比较 splice和delete的用于从'c'阵列除去每items。

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"]
​

Answer 5

从核心JavaScript 1.5参考>运算符>特殊操作符>删除操作员：

  

当你删除阵列元件，所述   阵列长度不受影响。对于   例如，如果删除[3]，A [4]是   仍然是[4]和[3]是未定义的。这个   即使你删除最后一个持有   该阵列的元件（删除   一个[则为a.length-1]）。

Answer 6

splice将与数字索引工作。

，而delete可以针对其他类型的索引的使用..

示例：

delete myArray['text1'];

Answer 7

这可能也是值得一提的是，剪接仅适用于数组。 （对象属性不能依靠遵循一致的顺序。）

要删除对象的键值对，删除实际上是你想要什么：

delete myObj.propName;     // , or:
delete myObj["propName"];  // Equivalent.

Answer 8

如所陈述的上述许多倍，采用splice()似乎是一个完美的结合。 Mozilla的文档：

  

的 splice() 方式改变阵列的通过去除现有元件和/或添加新元素的内容。

var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];

myFish.splice(2, 0, 'drum'); 
// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]

myFish.splice(2, 1); 
// myFish is ["angel", "clown", "mandarin", "sturgeon"]

     

语法

     

array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)

  

     

参数

     

启动

     

索引处开始改变阵列。如果比所述阵列的长度越大，实际起始索引将被设置于所述阵列的长度。如果否定的，将开始从端部的许多元件。

     

deleteCount

     

一个整数，指示老的数组元素，除去的数量。如果deleteCount为0，没有元素被删除。在这种情况下，你应该至少指定一个新元素。如果deleteCount高于剩余数组中元素的数目大起始于开始，那么所有的元素通过阵列的端部将被删除。

     

如果省略deleteCount，deleteCount将等于(arr.length - start).

     

ITEM1，ITEM2，...

     

元素添加到阵列中，起始索引在开始。如果没有指定的任何元件，splice()只会移除从数组元素。

     

返回值

     

包含删除的元素的数组。如果只有一个元素被删除，则返回一个元件的阵列。如果没有元件被移除，空数组被返回。

     

[...]

Answer 9

删除Vs的剪接

当你从数组中删除项目

var arr = [1,2,3,4]; delete arr[2]; //result [1, 2, 3:, 4]
console.log(arr)