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' } ]
//

All you needed was to use a computed property name in your return: return {[key]: value}; — pilchard
– pilchard, Commented Nov 1, 2021 at 23:06
Does this answer your question? Dynamic object property names? — pilchard
– pilchard, Commented Nov 1, 2021 at 23:07

Spectric · Accepted Answer · 2021-11-01 22:43:49Z

4

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)

edited Nov 1, 2021 at 22:43

answered Nov 1, 2021 at 22:05

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Borjovsky Over a year ago

For anyone who wants an array of arrays instead of an object, just remove the Object.fromEntries part.

Habebit · Accepted Answer · 2021-11-01 23:00:26Z

1

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));

answered Nov 1, 2021 at 23:00

Habebit

1,03310 silver badges27 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related