Создать объект из массива объектов с пользовательскими значениями ключа

Question

теперь я знаю, что есть несколько вопросов, похожих на этот вопрос и этот вопрос , но ни один из них не отвечает на мой вопрос.

Хорошо, так ...

Скажем, у меня есть вызов API, и я получаю ответ, подобный этому

[
  {
     amount: 23,
     bill: 47,
     otherData: null,
     title: 'cool title'
  },
  {
     amount: 223,
     bill: 427,
     otherData: null,
     title: 'cooler title'
  },
  {
     amount: 2313,
     bill: 437,
     otherData: null,
     title: 'super cool title'
  },
  {
     amount: 123,
     bill: 147,
     otherData: null,
     title: 'coolest title'
  }
]

Есть ли способ, которым я могу создать новый объект из этого массива и иметь пользовательские имена ключей, используя свойство в объекте? так что желаемый вывод ..

{
  coolTitle: {
     amount: 23,
     bill: 47,
     otherData: null,
     title: 'cool title'
  },
  coolerTitle: {
     amount: 223,
     bill: 427,
     otherData: null,
     title: 'cooler title'
  },
  superCoolTitle: {
     amount: 2313,
     bill: 437,
     otherData: null,
     title: 'super cool title'
  },
  coolestTitle: {
     amount: 123,
     bill: 147,
     otherData: null,
     title: 'coolest title'
  }
}

теперь я знаю, что могу преобразовать массив объектов в объект, например ...

var result = {};
for (var i=0; i<array.length; i++) {
  result[array[i].key] = array[i].value;
}

но я понятия не имею, как я могу получить заголовок для каждого объекта, CamelCase его, а затем создать пользовательский ключ и объект

Я даже не уверен, что что-то подобное возможно, любая помощь будет признательна

Спасибо

Answer 1

Использовать map & reduce, метод Reduce вернет новый объект с пользовательским ключом. Внутри метода уменьшения используйте map. Это создаст массив со значением title, как ['cool','title']. Внутри того же метода карты создайте строку для преобразовать первый символ слова в upperCase и join, чтобы объединить все слова

let oldArr = [{
    amount: 23,
    bill: 47,
    otherData: null,
    title: 'cool title'
  },
  {
    amount: 223,
    bill: 427,
    otherData: null,
    title: 'cooler title'
  },
  {
    amount: 2313,
    bill: 437,
    otherData: null,
    title: 'super cool title'
  },
  {
    amount: 123,
    bill: 147,
    otherData: null,
    title: 'coolest title'
  }
]



let newArray = oldArr.reduce(function(acc, curr) {
  let crtTitle = curr.title.split(' ').map(function(item, index) {
    if (index !== 0) {
      return item.substring(0, 1).toUpperCase() + item.substring(1, item.length);
    } else {
      return item;
    }

  }).join('');
  acc[crtTitle] = curr;
  return acc
}, {});
console.log(newArray)

Answer 2

Чтобы получить имя свойства, извлеките title и замените его пробел на верхний регистр. Тогда это так же просто, как reduce -ing в объект:

const input=[{amount:23,bill:47,otherData:null,title:'cool title'},{amount:223,bill:427,otherData:null,title:'cooler title'},{amount:2313,bill:437,otherData:null,title:'super cool title'},{amount:123,bill:147,otherData:null,title:'coolest title'}]

console.log(
  input.reduce((a, item) => {
    const { title } = item;
    const camel = title.replace(/ ./g, chars => chars[1].toUpperCase());
    a[camel] = item;
    return a;
  }, {})
);