基于对象属性和值弹出数组元素的实现方法

嘿，我来帮你搞定这个需求！原生的Array.pop()确实只支持删除数组最后一个元素，没法传入匹配条件，但我们可以自己实现一个完全符合你预期的功能——找到第一个匹配指定属性值的对象，把它从原数组里移除，同时返回这个对象。

方法一：自定义工具函数 #

先写一个独立的工具函数，这样不会污染数组原型，安全性更高：

function popByCondition(arr, condition) {
  // 找到第一个符合条件的元素索引
  const matchIndex = arr.findIndex(item => {
    // 遍历条件中的所有键值对，确保每一项都匹配
    return Object.entries(condition).every(([key, value]) => item[key] === value);
  });

  // 如果找到匹配项，移除并返回它
  if (matchIndex !== -1) {
    return arr.splice(matchIndex, 1)[0];
  }

  // 没有匹配项时返回undefined（你也可以改成返回null或其他默认值）
  return undefined;
}

使用示例（完全符合你的预期效果）：

let arr = [{temp:36, night: false}, {temp:12, night: true}, {temp:24, night: true}];
let obj = popByCondition(arr, {night:true});

console.log(obj); // 输出: {temp:12, night: true}
console.log(arr); // 输出: [{temp:36, night: false}, {temp:24, night: true}]

方法二：挂载到Array原型（像原生方法一样调用） #

如果你想让数组直接调用这个方法（就像用pop()那样），可以把它挂载到Array.prototype上，但要注意原型污染的风险（大型项目或多人协作时谨慎使用）：

Array.prototype.popByCondition = function(condition) {
  const matchIndex = this.findIndex(item => {
    return Object.entries(condition).every(([key, value]) => item[key] === value);
  });

  if (matchIndex !== -1) {
    return this.splice(matchIndex, 1)[0];
  }

  return undefined;
};

使用方式：

let arr = [{temp:36, night: false}, {temp:12, night: true}, {temp:24, night: true}];
let obj = arr.popByCondition({night:true});

// 效果和上面完全一致
console.log(obj); // {temp:12, night: true}
console.log(arr); // [{temp:36, night: false}, {temp:24, night: true}]

额外说明 #

• 这个实现是匹配第一个符合条件的元素，和你示例里的效果一致；如果需要匹配最后一个，可以把findIndex改成从后往前遍历的逻辑
• 匹配用的是严格相等===，如果需要宽松匹配（比如自动类型转换），可以改成==，但一般推荐严格相等避免意外问题
• 如果需要同时匹配多个属性（比如{temp:24, night:true}），这个函数也能正常工作，因为它会检查条件里的所有键值对

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