寻找等效于Python字典pop()方法的JavaScript对象操作

Great question! You're right that JavaScript's built-in pop() and shift() only work on arrays, and there's no native equivalent to Python's dict.pop() for objects. But don't worry—we can easily replicate that behavior (including handling default values, just like Python's optional second argument) with a few lines of code, or even a neat ES6+ one-liner.

Option 1: A reusable function (closest to Python's syntax) #

This function mimics Python's dict.pop() exactly: it retrieves the value for a given key, deletes the key from the object, and returns the value. If the key doesn't exist, you can pass a default value to return instead.

function objectPop(obj, key, defaultValue) {
  // Check if the key exists to avoid returning undefined for missing keys
  const value = Object.prototype.hasOwnProperty.call(obj, key) ? obj[key] : defaultValue;
  // Delete the key from the object
  delete obj[key];
  return value;
}

Let's test this with your Python example translated to JS:

const foxx = {
  player: { name: 'Jimmie', last: 'Foxx', number: 3 },
  date: '2018-01-01',
  homeruns: 3,
  hits: 4
};

const player = objectPop(foxx, 'player');
console.log(player); // { name: 'Jimmie', last: 'Foxx', number: 3 }
console.log(foxx); // { date: '2018-01-01', homeruns: 3, hits: 4 }

// Try with a non-existent key and default value
const team = objectPop(foxx, 'team', 'Red Sox');
console.log(team); // 'Red Sox'
console.log(foxx); // No change, since 'team' never existed

Option 2: ES6 Destructuring + Rest Operator (no function needed) #

If you prefer a more concise, functional approach without writing a reusable function, you can use ES6 destructuring to extract the key you want, and the rest operator to get the remaining properties of the object:

let foxx = { // Use let here so we can reassign the variable
  player: { name: 'Jimmie', last: 'Foxx', number: 3 },
  date: '2018-01-01',
  homeruns: 3,
  hits: 4
};

// Extract the 'player' property, put the rest into foxxRest
const { player, ...foxxRest } = foxx;
// Replace the original foxx with the rest of the properties
foxx = foxxRest;

console.log(player); // { name: 'Jimmie', last: 'Foxx', number: 3 }
console.log(foxx); // { date: '2018-01-01', homeruns: 3, hits: 4 }

For default values with this method, just add the default when destructuring:

const { team = 'Red Sox', ...rest } = foxx;
console.log(team); // 'Red Sox'

Key Notes #

• The delete operator (used in the function) works for all object properties, but won't throw an error if the key doesn't exist.
• When using destructuring, if your original object is declared with const, you can't reassign it—so either use let or work with the new rest object directly instead of modifying the original.

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