Использование заглавных букв каждого элемента в объекте в 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);