如何在对象的开头添加元素

Question

我有一个对象：

TICKET_PRIORITIES: {
    LOW: 'low',
    NORMAL: 'normal',
    HIGH: 'high',
    VERY_HIGH: 'very high'
}

在客户端，我必须首先添加select。

结果我想成为

TICKET_PRIORITIES: {
    SELECT: 'select',    
    LOW: 'low',
    NORMAL: 'normal',
    HIGH: 'high',
    VERY_HIGH: 'very high'
}

<select ng-model="selectedPriority" ng-options="key as key | translate for (key, value) in priorities" class="form-control m-b"> </select> 

在此选择中，我要选择“选择”选项，而选择选项应位于下拉菜单的第一个。

Answer 1

var TICKET_PRIORITIES = {
    LOW: 'low',
    NORMAL: 'normal',
    HIGH: 'high',
    VERY_HIGH: 'very high'
  };
TICKET_PRIORITIES['SELECT']='select';
alert(JSON.stringify(TICKET_PRIORITIES));  

演示版

Answer 2

创建对象时不考虑对象属性的顺序，但是您可以创建新的属性，例如：

TICKET_PRIORITIES = {
    LOW: 'low',
    NORMAL: 'normal',
    HIGH: 'high',
    VERY_HIGH: 'very high'
  }

TICKET_PRIORITIES.SELECT='select';

Answer 3

这是不可能的 。 Javascript不在乎或强制对象中属性的顺序（请参阅此问题以供参考）。 或者，引用ECMAscript标准（强调我的意思）：

4.3.3对象对象是对象类型的成员。 它是属性的无序集合，每个属性都包含原始值，对象或函数。 存储在对象属性中的函数称为方法。

如果顺序对您很重要，则您将需要使用数组的其他数据结构，例如：

TICKET_PRIORITIES: [
    {id: "LOW", label: "low"},
    {id: "NORMAL", label: "normal"},
    {id: "HIGH", label: "high"},
    {id: "VERY_HIGH", label: "very high"}
]

这使您可以执行以下操作（ unshift将元素添加到数组的开头）：

TICKET_PRIORITIES.unshift({id: "SELECT", label: "select"})