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

例如:

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

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

如果我可以像删除对象那样删除数组元素,为什么还要使用拼接方法?


当前回答

function deleteFromArray(array, indexToDelete){
  var remain = new Array();
  for(var i in array){
    if(array[i] == indexToDelete){
      continue;
    }
    remain.push(array[i]);
  }
  return remain;
}

myArray = ['a', 'b', 'c', 'd'];
deleteFromArray(myArray , 0);

//结果:myArray=['b','c','d'];

其他回答

其他人已经正确比较了删除和拼接。

另一个有趣的比较是delete与undefined:一个被删除的数组项比一个刚刚设置为undefineed的数组项使用更少的内存;

例如,此代码不会完成:

let y = 1;
let ary = [];
console.log("Fatal Error Coming Soon");
while (y < 4294967295)
{
    ary.push(y);
    ary[y] = undefined;
    y += 1;
}
console(ary.length);

它会产生以下错误:

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory.

所以,正如您所看到的,undefined实际上占用了堆内存。

但是,如果您还删除了ary项(而不是将其设置为undefined),代码将缓慢完成:

let x = 1;
let ary = [];
console.log("This will take a while, but it will eventually finish successfully.");
while (x < 4294967295)
{
    ary.push(x);
    ary[x] = undefined;
    delete ary[x];
    x += 1;
}
console.log(`Success, array-length: ${ary.length}.`);

这些都是极端的例子,但它们表明了我在任何地方都没有看到有人提到的删除。

拼接将使用数字索引。

而delete可以用于其他类型的索引。。

例子:

delete myArray['text1'];

好的,假设我们有下面这个数组:

const arr = [1, 2, 3, 4, 5];

让我们先删除:

delete arr[1];

结果是:

[1, empty, 3, 4, 5];

空的让我们来看看:

arr[1]; //undefined

所以意味着只是删除了值,现在它是未定义的,所以长度是相同的,也会返回true。。。

让我们重新设置阵列,这次使用拼接进行操作:

arr.splice(1, 1);

这是这次的结果:

[1, 3, 4, 5];

如您所见,数组长度已更改,arr[1]现在为3。。。

此外,这将返回数组中已删除的项目,在这种情况下为[3]。。。

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

它们是不同的东西,有不同的目的。

splice是特定于数组的,当用于删除时,会从数组中删除条目,并向上移动之前的所有条目以填补空白。(它也可以用于插入条目,或同时插入两个条目。)拼接将更改数组的长度(假设它不是无操作调用:array.splice(x,0))。

delete不是特定于数组的;它设计用于对象:它从您使用它的对象中删除属性(键/值对)。它只适用于数组,因为JavaScript中的标准(例如,非类型化)数组根本不是数组*,它们是对某些财产进行特殊处理的对象,例如名称为“数组索引”(定义为字符串名称“…其数值i在+0≤i<2^32-1”的范围内)和长度的索引。当您使用delete删除数组条目时,它所做的就是删除该条目;它不会移动后面的其他条目来填补空白,因此数组变得“稀疏”(有些条目完全缺失)。它对长度没有影响。

目前对这个问题的一些回答错误地指出,使用delete“将条目设置为undefined”。这不正确。它会完全删除条目(属性),留下一个间隙。

让我们用一些代码来说明差异:

console.log(“使用“拼接”:”);var a=[“a”,“b”,“c”,“d”,“e”];console.log(a.length);//5.a.拼接(0,1);console.log(a.length);//4.console.log(a[0]);//“b”

console.log(“使用`delete`”);var a=[“a”,“b”,“c”,“d”,“e”];console.log(a.length);//5.删除[0];console.log(a.length);//静止5console.log(a[0]);//未定义console.log(a中的“0”);//假的console.log(a.hasOwnProperty(0));//假的

console.log(“设置为`undefined`”);var a=[“a”,“b”,“c”,“d”,“e”];console.log(a.length);//5.a[0]=未定义;console.log(a.length);//静止5console.log(a[0]);//未定义console.log(a中的“0”);//真的console.log(a.hasOwnProperty(0));//真的


*(这是我贫血的小博客上的一篇文章)