Question

如果我有一个现有的POJO并且想要为它添加一些键/值对，我通常会这样做：

var existingObject = {
    firstValue: 'hello'
};

/* some time later... */

existingObject.secondValue = 'world';
existingObject.thirdValue = 'new value';
existingObject.fourthValue = 'another value';
existingObject.fifthValue = 'another value';
existingObject.sixthValue = 'another value';
existingObject.seventhValue = 'another value';
existingObject.eighthValue = 'another value';
existingObject.adInfinitum = 'again and again...';

但我想知道是否有一种比这种长期方法更有效的方法？但请注意，我正在寻找创建临时对象和调用extend的替代方法。

此外，简单地将对象存储在较小的变量中（如var a = existingObject;并使用a.newValue = 'something'）并不是我正在寻找的解决方案。

有办法做到这一点吗？

Answer 1

使用新的ES6方法Object.assign，可以消除大部分重复的样板。例如：

var existingObject = {
    firstValue: 'hello'
};

/* some time later... */

Object.assign(existingObject, {
  secondValue: 'world',
  thirdValue: 'new value',
  fourthValue: 'another value',
  fifthValue: 'another value',
  sixthValue: 'another value',
  seventhValue: 'another value',
  eighthValue: 'another value',
  adInfinitum: 'again and again...'
});
// existingObject now has all these properties

这样做可以不使用其他临时变量或调用某些外部extend方法。

Answer 2

简答：不。

或者，我能建议的最好的是一个带有变量参数的函数，在键和值之间交替。只需将其作为一个裸函数，可选择将现有对象扩展。

是否可以在现有JavaScript对象中添加许多键/值对？

2 个答案: