How to split an array of strings & return a single object with key/value pairs

Question

I have this array of strings :

[ 
  'Back to Main Window: Retour à la fenêtre principale',
  'All Client Groups: Tous les groupes de clients',
  'Filter by Client: Filtrer par client' 
]

I would like to transform it into an object with key/value pairs like so:

{
   'Back to Main Window': 'Retour à la fenêtre principale',
   'All Client Groups': 'Tous les groupes de clients',
   'Filter by Client': 'Filtrer par client' 
}

I have to tried to use map() & split() , but I get this output instead:

const results = translations.map(translation => {
  const [key, value] = translation.split(':');

  return { key: value };
});

// results returns an "array" with the "key" word as key for all values :(
// [ { key: ' Retour à la fenêtre principale' },
//   { key: ' Tous les groupes de clients' },
//   { key: ' Filtrer par client' } ]
// 

Answer 1

map over the array and split each item by ': ' , then use Object.fromEntries :

 const arr = [ 'Back to Main Window: Retour à la fenêtre principale', 'All Client Groups: Tous les groupes de clients', 'Filter by Client: Filtrer par client' ] const res = Object.fromEntries(arr.map(e => e.split(": "))) console.log(res)

Answer 2

An alternative solution to @Spectric would be to use reduce , to transform your array to an object.

 const arr = [ 'Back to Main Window: Retour à la fenêtre principale', 'All Client Groups: Tous les groupes de clients', 'Filter by Client: Filtrer par client' ]; function transform(arr) { return arr.reduce((obj, line) => { const [key, value] = line.split(': '); obj[key] = value; return obj; }, {}); } console.log(transform(arr));