与javascript array.splice()混淆

时间:2011-09-22 16:06:09

标签: javascript array-splice

我对此感到很困惑。

我的理解是array.splice(startIndex, deleteLength, insertThing)会将insertThing插入splice()的结果startIndex并删除deleteLength的条目值? ......所以:

var a = [1,2,3,4,5];
var b = a.splice(1, 0, 'foo');
console.log(b);

应该给我:

[1,'foo',2,3,4,5]

console.log([1,2,3,4,5].splice(2, 0, 'foo'));

应该给我

[1,2,'foo',3,4,5]

但由于某种原因它只给我一个空阵列?看看:http://jsfiddle.net/trolleymusic/STmbp/3/

谢谢:)

4 个答案:

答案 0 :(得分:14)

“splice()”函数不返回受影响的数组,而是返回已删除元素的数组。如果不删除任何内容,则结果数组为空。

答案 1 :(得分:3)

array.splice函数拼接数组返回已删除的元素。由于您没有删除任何内容而只是使用它来插入元素,因此它将返回空数组。

我认为这就是你想要的。

var a = [1,2,3,4,5]; 
a.splice(1, 0, 'foo'); 
var b = a;
console.log(b); 

答案 2 :(得分:2)

splice()修改源数组并返回已删除项的数组。由于您没有要求删除任何项目,因此您将获得一个空数组。它会修改原始数组以插入新项目。你有没有看到它是什么?在a中查找您的结果。

var a = [1,2,3,4,5];
var b = a.splice(1, 0, 'foo');
console.log(a);   // [1,'foo',2,3,4,5]
console.log(b);   // []

在jsFiddle的派生中,请在此处a查看结果:http://jsfiddle.net/jfriend00/9cHre/

答案 3 :(得分:1)

我遇到了这个问题。 “ splice() 方法通过删除或替换现有元素和/或在适当位置添加新元素来更改数组的内容。” https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

这会起作用:

var a = [1,2,3,4,5];
a.splice(1,0,'Foo');
console.log(a);

如果你想在一个函数中使用它,你可以这样做:

function placeInMiddle(arr){
     
     arr.splice(2,0, "foo");
      return arr;
    
}  
placeInMiddle([1,2,6,7])

Mozilla 开发人员的 Array.prototype.splice() 页面比其他资源更清楚地说明了 splice 方法的工作原理及其实现方式,下面简要介绍!

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
// replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May"]