如何过滤具有相同名称但不同值的项目的数组？

Question

我有一个包含项目的数组。

我通过这个函数收集表单数据来制作这个数组：

    getFormdata : function(form) {
        var formdata = $(form)
            .serializeArray()
            .filter(function (item) {
                return item.name != "__RequestVerificationToken"
            });

        return formdata;
    }

当我在表单中有一个复选框并且选中它时，我会在数组中得到两个项目，其中一个具有值

是的

另一个有

假

我正在使用 jquery filter 函数来过滤数组，但我不知道如何丢弃具有值的项目

假

数组的非预期结果：

我的尝试：

    getFormdata : function(form) {
        var formdata = $(form)
            .serializeArray()
            .filter(function (item) {
                return item.name != "__RequestVerificationToken" && (item.name == "IsActive" && item.value != "false");
            });

        return formdata;
    }

但这会过滤掉所有元素，而不仅仅是我想要删除的元素。

我该怎么做？

编辑：

只有当有两个同名的项目时，才应删除项目编号 2。 如果我只有一个名为“IsActive”的项目，则不应删除 nr 2

Answer 1

如果存在两个“IsActive”，则删除虚假的一个。否则，别管它。 添加了验证令牌的删除。 在第二个过滤器之前移动了对 value != "false" 的检查，以可能使条件短路并获得性能。

var test = [
  { name: "__RequestVerificationToken", value: "whatever" },
  { name: "IsActive", value: "true" },
  { name: "updateRate", value: "sss" },
  { name: "IsActive", value: "false" },
  { name: "somethingElse", value: "weee" }
];

console.log(test.filter(function(element, index, array){
  return  element.name != "__RequestVerificationToken" && (
            element.value != "false"
            || array.filter(function(element2){
              return element2.name == element.name
            }).length < 2
          );
}));

var test = [
  { name: "__RequestVerificationToken", value: "whatever" },
  { name: "updateRate", value: "sss" },
  { name: "IsActive", value: "false" },
  { name: "somethingElse", value: "weee" }
];

console.log(test.filter(function(element, index, array){
  return  element.name != "__RequestVerificationToken" && (
            element.value != "false"
            || array.filter(function(element2){
              return element2.name == element.name
            }).length < 2
          );
}));

Answer 2

您可以先检查是否存在活动项目，然后将其用作稍后检查以进行过滤。

function filter(array) {
    var isActive = array.some(function (item) {
            return item.name === "IsActive" && item.value === "true";
        });
    return array.filter(function (item) {
        return (
            item.name !== "__RequestVerificationToken" && item.name !== "IsActive" ||
            item.name === "IsActive" && (item.value === "true" || !isActive)
        );
    });
}

var data0 = [{ name: 'IsActive', value: 'true' }, { name: 'IsActive', value: 'false' }, { name: 'Name', value: 'sss' }, { name: 'UpdateRate', value: '121212' }, { name: '__RequestVerificationToken', value: 'true' }, { name: '__RequestVerificationToken', value: 'false' }],
    data1 = [{ name: 'IsActive', value: 'false' }, { name: 'Name', value: 'sss' }, { name: 'UpdateRate', value: '121212' }, { name: '__RequestVerificationToken', value: 'true' }, { name: '__RequestVerificationToken', value: 'false' }];

console.log(filter(data0));
console.log(filter(data1));

.as-console-wrapper { max-height: 100% !important; top: 0; }