44

我有

var obj = {'b': 2, 'c': 3};

我想在该对象的开头（而不是结尾）添加一个属性：

var obj = {'a': 1, 'b': 2, 'c': 3};

有没有一种干净的方法可以做到这一点？

4

8 回答 8

75

您还可以在 ES6 (ES2015+) 中使用Object.assign( )。

let obj = {'b': 2, 'c': 3};
const returnedTarget = Object.assign({a: 1}, obj);

// Object {a: 1, b: 2, c: 3}
于 2017-03-23T00:05:02.897 回答
33

现在你可以在 ES6 (ES2015+) 中使用很酷的扩展运算符 (...)，尝试以下操作：

const obj = {'b': 2, 'c': 3};
   
const startAdded = {'a':1 , ...obj};
console.log(startAdded);

const endAdded = {...obj, 'd':4};
console.log(endAdded);

可能会帮助野外的人:)

于 2018-08-29T18:59:50.173 回答
18

最简单的方法是使用扩展运算符。

let obj = {'b': 2, 'c': 3};
let newObj = {'a': 1, ...obj};
于 2018-11-02T05:44:06.247 回答
13

JavaScript 对象是无序的。没有开始或结束。如果要订购，请使用数组。

var arr = [
    { key: 'b', value: 2 },
    { key: 'c', value: 3 }
];

然后，您可以添加到它的前面unshift：

arr.unshift({ key: 'a', value: 1 });
于 2013-10-18T19:11:48.047 回答
5

这可以使用lodash合并函数来完成，如下所示：

var myObj = _.merge({ col1: 'col 1', col2: 'col 2'}, { col3: 'col 3', col4: 'col 4' });

您的最终对象将如下所示：

{ col1: 'col 1', col2: 'col 2', col3: 'col 3', col4: 'col 4' }

正如其他人所提到的，不能保证对象中键的顺序将保持不变，具体取决于您对它的处理。但是，如果您将合并作为最后一步，您应该没问题。请注意，“合并”功能将产生一个全新的对象，它不会改变您传递给它的任何一个对象。

于 2014-09-24T23:24:24.167 回答
3 
var obj = {'b': 2, 'c': 3};
obj = Object.assign({a: 1}, obj);
console.log(obj); // {a: 1, b: 2, c: 3}

希望这可以帮助

于 2020-02-07T08:27:26.983 回答
2

Javascript 可能不会在语言本身中指定属性的顺序，但至少在我的项目（也许还有你的项目）中，它确实表现得好像确实如此（JSON.stringify、调试监视窗口等）。for...in除了最初添加属性的顺序之外，我从未见过顺序。因此，对于我项目中的所有意图和目的，也许是你的，这是非常可预测的。

尽管这不会影响执行，但如果您想看到一个统一的列表，当不同项目的属性可能以不同的顺序添加时，这会很痛苦，具体取决于对象的创建方式。执行可能不是项目开发中唯一重要的事情。快速目视检查对象的能力也可能很重要。

方法一（高科技）

如果你有spread，如果你不介意另一个对象，我会使用它。但是如果你没有spread（比如在旧的谷歌应用程序脚本中），或者你需要保留原始对象，你可以这样做：

对象.js

// Insert Property
Object.defineProperty(
  Object.prototype, 
  'insertProperty', 
  {
  value: function(name, value, index){
    // backup my properties
    var backup = {};
    // delete all properties after index
    var propertyIndex = 0;
    for(var propertyName in this) {
      if(this.hasOwnProperty(propertyName) && propertyIndex++ >= index) {
        backup[propertyName] = this[propertyName];  
        delete this[propertyName];
      }
    }
    this[name] = value;
    // restore all properties after index
    for(var propertyName in backup) {
      if(backup.hasOwnProperty(propertyName))
        this[propertyName] = backup[propertyName];  
    }
    return this; // same object; not a new object
  },
  enumerable: false,
});

用法

  var obj = {'b': 2, 'c': 3};
  obj.insertProperty('a',1,0); // {a:1, b:2, c:3}

笔记

  • 您可以使用 anyindex将属性放在您想要的任何位置。0 放在前面。
  • 如果您不喜欢将方法添加到object prototype. 在我的项目中，向原型添加方法对我有帮助；它不会伤害我。

方法2（低技术）

在某些情况下，您可以只创建具有您知道的所有属性的对象，它最终可能具有您希望它们出现的顺序，然后，而不是插入属性，只需设置属性。

// creation
var a = {Id: null, foo: 'bar'}; 

// update later
if(!a.Id)
  a.Id = '123';
于 2020-02-24T20:42:04.530 回答
1

对我有用的是使用临时对象以所需的顺序存储项目。例如：

var new_object = {}; 
new_object[name] = value; // The property we need at the start 

for (var key in old_object) { // Looping through all values of the old object 
  new_object[key] = old_object[key];
  delete old_object[key]; 
} 

old_object = new_object; // Replacing the old object with the desired one
于 2016-09-15T22:57:02.197 回答