javascript - 更改对象键的顺序....

Question

var addObjectResponse = [{
    'DateTimeTaken': '/Date(1301494335000-0400)/',
    'Weight': 100909.090909091,
    'Height': 182.88,
    'SPO2': '222.00000',
    'BloodPressureSystolic': 120,
    'BloodPressureDiastolic': 80,
    'BloodPressurePosition': 'Standing',
    'VitalSite': 'Popliteal',
    'Laterality': 'Right',
    'CuffSize': 'XL',
    'HeartRate': 111,
    'HeartRateRegularity': 'Regular',
    'Resprate': 111,    
    'Temperature': 36.6666666666667,
    'TemperatureMethod': 'Oral',    
    'HeadCircumference': '',    
}];

这是我从后端获取的示例对象，现在我想更改对象的顺序。我不想按名称或大小排序...我只想手动更改顺序...

Answer 1

如果您从第一个对象创建一个新对象(如当前接受的答案所暗示的那样)，您将始终需要知道对象中的所有属性(维护噩梦)。

改用Object.assign()。

*这适用于现代浏览器——不适用于 IE 或 Edge <12。

const addObjectResponse = {
  'DateTimeTaken': '/Date(1301494335000-0400)/',
  'Weight': 100909.090909091,
  'Height': 182.88,
  'SPO2': '222.00000',
  'BloodPressureSystolic': 120,
  'BloodPressureDiastolic': 80,
  'BloodPressurePosition': 'Standing',
  'VitalSite': 'Popliteal',
  'Laterality': 'Right',
  'CuffSize': 'XL',
  'HeartRate': 111,                              // <-----
  'HeartRateRegularity': 'Regular',              // <-----
  'Resprate': 111,    
  'Temperature': 36.6666666666667,
  'TemperatureMethod': 'Oral',    
  'HeadCircumference': '',    
};

// Create an object which will serve as the order template
const objectOrder = {
  'HeartRate': null,
  'HeartRateRegularity': null,
}
  
const addObjectResource = Object.assign(objectOrder, addObjectResource);

您要订购的两项已按顺序排列，其余属性在其下方。

现在你的对象看起来像这样:

{           
  'HeartRate': 111,                              // <-----
  'HeartRateRegularity': 'Regular',              // <-----
  'DateTimeTaken': '/Date(1301494335000-0400)/',
  'Weight': 100909.090909091,
  'Height': 182.88,
  'SPO2': '222.00000',
  'BloodPressureSystolic': 120,
  'BloodPressureDiastolic': 80,
  'BloodPressurePosition': 'Standing',
  'VitalSite': 'Popliteal',
  'Laterality': 'Right',
  'CuffSize': 'XL',
  'Resprate': 111,    
  'Temperature': 36.6666666666667,
  'TemperatureMethod': 'Oral',    
  'HeadCircumference': '',    
}