如何删除数组中索引前后的元素

Question

我有一个数组：

[[], [0], []. [3], [], [6], []]

这些元素位于使用可拖动JS的vue组件中。Draggable有两个属性@start和@end。当我拖放数组中的元素时，将触发。每当我拖动其中的一个元素时，我都想移除当前元素前后的空数组。所以当我拖动[6]时，数组应该是这样的：

[[], [0], []. [3], [6]]

isVisible在@start处触发，所以每当我选择一个元素时。如何移除数组中索引前后的元素？我以为用切片？

isVisible (val, index) {
   if (val[0] === 6) {
   this.array.splice(this.array[index - 1], 1)
   this.array.splice(this.array[index + 1], 1)
}

Answer 1

另一种方法是筛选原始数组,然后返回一个包含所需数据的新数组：

null

js lang-js prettyprint-override">let arr = [ [], [0], [], [3], [], [6], [] ];
console.log('Source:'+arr);

function filterDragged(dragged, arr) {
  return arr.filter((e,i,a)=>{
    if ((a[i] && a[i].length==0) &&
        (a[i+1] && a[i+1].length!=0 && a[i+1][0]===dragged))
      return false;

    if ((a[i] && a[i].length==0) &&
        (a[i-1] && a[i-1].length!=0 && a[i-1][0]===dragged))
      return false;

    return true;
  });
}

console.log('Result:'+filterDragged(6, arr));
console.log('Result:'+filterDragged(3, arr));

Answer 2

移除before元素后，所有剩余元素的索引都会下移，因此After元素现在位于index，而不是index+1。

要避免这个问题，最简单的方法就是移除元素after first。

isVisible (val, index) {
    if (val[0] === 6) {
        this.array.splice(this.array[index + 1], 1)
        this.array.splice(this.array[index - 1], 1)
    }
}

注意，如果这是循环的一部分，则循环索引将需要向下调整，以反映当前索引之前的元素已经被移除。