更新 JavaScript 对象 ES6 上的键值 - Javascript

在 JavaScript 中更新对象的键值是很常见的任务。在 ES6 中，我们可以使用简洁而强大的语法来执行这些任务。本文将介绍如何在 ES6 中使用新的语法来更新 JavaScript 对象的键值。

更新对象的键值

在 ES6 中，我们可以使用以下语法来更新对象的键值：

const obj = {
  foo: 'foo',
  bar: 'bar'
};

obj.foo = 'new foo';
obj['bar'] = 'new bar';

console.log(obj); 
// Output: {foo: "new foo", bar: "new bar"}

如上代码所示，我们可以使用点符号或方括号来更新对象的键值。如果我们想要使用变量来更新键值，可以使用方括号语法。

const propertyName = 'title';

const book = {
  [propertyName]: 'ES6 for Dummies'
};

console.log(book.title); 
// Output: "ES6 for Dummies"

如上所示，我们可以使用方括号语法并传入一个包含键名称的变量来更新键值。

更新多个键值

如果我们要更新多个键值，我们可以使用对象分解。

const obj = {
  foo: 'foo',
  bar: 'bar'
};

const updatedObj = {
  ...obj,
  foo: 'new foo',
  bar: 'new bar'
};

console.log(updatedObj); 
// Output: {foo: "new foo", bar: "new bar"}

如上所示，我们可以创建一个新对象 updatedObj，将原始对象 obj 分解，并更新一个或多个键值。在创建新对象时，最后更新的键值将覆盖任何重复的键值，从而使新对象具有更新后的键值。

通过函数更新键值

最后，我们可以通过函数来更新对象的键值。

const obj = {
  foo: 'foo',
  bar: 'bar'
};

const updateObj = (obj, key, value) => ({
  ...obj,
  [key]: value
});

const updatedObj = updateObj(obj, 'foo', 'new foo');

console.log(updatedObj); 
// Output: {foo: "new foo", bar: "bar"}

如上所示，我们可以定义一个名为 updateObj 的函数，该函数将原始对象 obj、要更新的键 key 和要更新的值 value 作为参数，并返回一个具有更新后的值的新对象。

结论

在 ES6 中，更新 JavaScript 对象的键值变得更加简单直观。我们可以使用点符号或方括号语法更新单个键值，使用对象分解更新多个键值，或使用函数来更新键值。这些技术之间的搭配可以提供强大的对象更新功能。