Vuejs中对象中每个元素的键大写

Question

我有这个对象：

{
'application': "BP 9ALT 8 123",
 'address': "935 HAMPTON CRES",
 'unit': null,
 'status': "COMPLETED -ALL INSP SIGNED OFF"
}

我想让每个键都大写：

{
 'Application': "BP 9ALT 8 123",
 'Address': "935 HAMPTON CRES",
 'Unit': null,
 'Status': "COMPLETED -ALL INSP SIGNED OFF"
}

在 Vuejs 中有什么简单的方法？

Answer 1

试试这个解决方案

const object = {
  application: "BP 9ALT 8 123",
  address: "935 HAMPTON CRES",
  unit: null,
  status: "COMPLETED -ALL INSP SIGNED OFF",
};

const output = Object.entries(object).map(([key, value]) => [
  key[0].toUpperCase() + key.slice(1),
  value,
]);

console.log(Object.fromEntries(output));

见

• Object.fromEntries()
• Object.entries()

Answer 2

使用Array.reduce() 和String.toUpperCase()，如下所示

var obj = {
 'application': "BP 9ALT 8 123",
 'address': "935 HAMPTON CRES",
 'unit': null,
 'status': "COMPLETED -ALL INSP SIGNED OFF"
}

var resultOne = Object.entries(obj).reduce(function(acc, value) {
  acc[value[0].charAt(0).toUpperCase() + value[0].slice(1)] = value[1];
  return acc;
}, {});

// Updated

// In the reduce anonymous function, instead of value you can place [key, value]. So there will be no indexing
var resultTwo= Object.entries(obj).reduce(function(acc, [key, value]) {
  acc[key[0].toUpperCase() + key.slice(1)] = value;
  return acc;
}, {});



console.log(resultOne);
console.log(resultTwo);