在严格模式下使用 delete 删除对象条目

Question

我有一个 vue 项目，我必须将表单条目提交到 api 端点。不幸的是，提交的任何空字段都会在服务器上引发错误。所以我想出了一个类似 .filter 的表单对象方法，如下所示：

Object.entries(formValues).forEach(([key, value]) => {
        if (value === "") {
          delete key;
        }
      });

对象是：

form: {
        searchTerm: "",
        mediaType: "",
        yearStart: "",
        yearEnd: ""
      }

我不知道在 WebPack 正在应用的严格模式下，删除命令在局部变量上被阻止了。有没有办法删除对象条目？还没有在不同的网站上看到这种情况的回答。

Answer 1

您应该明确使用该对象，以便从对象中删除 attributes/properties：

Object.entries(formValues).forEach([key, value] => {
  if (value === "") {
    delete formValues[key];
  }
});

Deleting an Object Entry with delete in Strict Mode