Question

使用 jquery 删除数组中的空数组[重复]

2022-06-06

332

javascript jquery arrays foreach

我有 2 个数组 - collections 和 settings 。在 collections 数组中，我需要删除空数组，但需要从数组设置中删除相同的索引，因此我写道：

$.each(collections, function(index, collection) {
        if (collection.length == 0) { 
          collections.splice(index, 1); 
          settings.splice(index, 1);
        }
    });

它仅适用于第一个空数组，但如果有超过 1 个空数组，我会收到错误消息：

未捕获的 TypeError：无法读取未定义的属性（读取“长度”）

如何从 collections 中删除空数组，但同时从 settings 数组中删除相同的索引？

Answer 1

试试这个：

var collections = [
  [1],
  [],
  [],
  [2],
  []
];
var settings = [
  [5],
  [6],
  [7]
];

collections.forEach(function(collection, index) {
  if (collection.length === 0) {
    collections[index] = null;
    if (settings[index]) {
      settings[index] = null;
    }
  }
})

// then filter out the nulls
collections = collections.filter(function (v) { return v !== null });
settings = settings.filter(function (v) { return v !== null });

console.log('cols:', collections, 'setts:', settings); // cols:", [[1], [2]], "setts:", [[5], [8]]

完整的工作示例在这里： https://jsfiddle.net/5vfbdowL/1/

Answer 2

在访问长度之前，请先进行真实性检查：

if (!collection || collections.length == 0) { ... }

（如果 collection 为假（ undefined 为假），则此方法将短路，因此不会引发任何错误）。

我不确定修改 $.each 中的数组会产生什么后果，但您也可以这样做：

let collectionsCopy = collections;

$.each(collectionsCopy, function(index, collection) {
    if (!collection || collection.length == 0) { 
        collections.splice(index, 1); 
        settings.splice(index, 1);
    }
});

（即创建一个数组，其唯一目的是循环遍历 collections - 效率极低，但这可以工作，并且与您原来的方法并无不同。）

为了制定更有效的解决方案，您还可以存储要删除的索引：

let indices = [];

$.each(collections, function(index, collection) {
    if (!collection || collection.length == 0) {
        indices.push(index);
    }
});

$.each(indices, function(_, index) {
    collections.splice(index, 1);
    settings.splice(index, 1);
});

如果您想使用 过滤器 ：

collections = collections.filter((collection, index) => {
    if (!collection || collection.length == 0) {
        settings.splice(index, 1);
        return false;
    }
    return true;
});