如何通过名称正确从数组中删除对象？含删除bird对象实例

首先看你当前代码里的问题：JavaScript数组并没有remove()方法，而且你的storage数组里的每个元素都是单个键的对象（比如{bird: {name: "Eagle", ...}}），直接传字符串没法匹配到对应的元素。下面给你正确的实现方案：

正确的deleteProductByName函数实现 #

我们需要先找到数组中包含目标名称作为键的元素，再用数组原生的splice()方法删除它：

function deleteProductByName(productName) {
  // 遍历数组，找到目标元素的索引
  const targetIndex = storage.findIndex(item => {
    // 检查当前对象是否包含目标名称作为键
    return Object.keys(item)[0] === productName;
  });
  
  // 如果找到索引（不等于-1），就删除该元素
  if (targetIndex !== -1) {
    storage.splice(targetIndex, 1);
  }
}

完整测试代码 #

把上面的函数替换原来的错误函数，整个代码就可以正常运行了：

var storage = [ {cat: {name: "Garfild", count: 3443, price: 1000}} ];
function addProduct(newProduct) { storage.push(newProduct); }
addProduct({dog: {name: "Rex", count: 1488, price: 2000}});
addProduct({bird: {name: "Eagle", count: 4042, price: 3000}});

// 修正后的删除函数
function deleteProductByName(productName) {
  const targetIndex = storage.findIndex(item => Object.keys(item)[0] === productName);
  if (targetIndex !== -1) {
    storage.splice(targetIndex, 1);
  }
}

deleteProductByName("bird");
console.log(storage); // 输出: [ {cat: {...}}, {dog: {...}} ]，bird对象已被删除

逻辑解释 #

• findIndex()：遍历数组，返回第一个满足条件的元素的索引，找不到则返回-1；
• Object.keys(item)[0]：因为每个数组元素都是只有一个键的对象，所以取这个对象的第一个键来和目标名称对比；
• splice(targetIndex, 1)：从数组的targetIndex位置开始，删除1个元素，这是JavaScript数组删除指定元素的标准方法。

针对你的两个问题：

1. 如何通过名称正确从数组中删除对象？
   就是上面的思路：先匹配到数组中以目标名称为键的元素，获取它的索引，再用splice()删除该位置的元素。
2. 如何通过名称“bird”删除已创建的“bird”对象？
   直接调用修正后的deleteProductByName("bird")即可，函数会自动找到并删除数组中的{bird: {...}}元素。

内容的提问来源于stack exchange，提问作者Igor Shvets