删除 JavaScript 中的数组元素 - 删除与拼接Array.remove（） Method

javascript arrays element delete-operator array-splice

2022-08-29 22:02:12

在数组元素上使用 delete 运算符与使用 Array.splice 方法有什么区别？

例如：

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

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

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

答案 1

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

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

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

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

答案 2

Array.remove（） Method

jQuery的创建者John Resig创建了一个非常方便的方法，我总是在我的项目中使用它。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);

约翰的网站