How to split strings inside object and push them into array? Javascript

Question

I receive an object and each time it different quantity of strings different every time

Object {
    key_id: 7, 
    key1: "String1, String2", 
    key2: "String1, String2, String3", 
    key3: "String1, String2", 
    key4: "String1, String2";
    …
}

I want to receive

Array = [{key_id: 7, key1: "String1", key1: "String2" ...}]

or

Array = [{key_id: 7, key1: "String1", "String2" ...}]

I need that to make this strings separated to make from them separated links. I am making it on ReactJs with JSX/Babel ES6

What did you already try?

ESP32
– ESP32

2017-06-29 09:51:26 +00:00
Commented Jun 29, 2017 at 9:51 — ESP32
– ESP32, Commented Jun 29, 2017 at 9:51
You want one object inside an array, or multiple objects?

Ori Drori
– Ori Drori

2017-06-29 10:21:27 +00:00
Commented Jun 29, 2017 at 10:21 — Ori Drori
– Ori Drori, Commented Jun 29, 2017 at 10:21
you can not have multiple same key names in one object.

Nina Scholz
– Nina Scholz

2017-06-29 12:12:03 +00:00
Commented Jun 29, 2017 at 12:12 — Nina Scholz
– Nina Scholz, Commented Jun 29, 2017 at 12:12

Ori Drori · Accepted Answer · 2017-06-29 10:29:39Z

3

Use Object#entries to convert to an array of [key, value] pairs, and Array#map them:

const data = {
  key_id: 7, 
  key1: "String1, String2", 
  key2: "String1, String2, String3", 
  key3: "String1, String2", 
  key4: "String1, String2"
};

const result = Object.entries(data).map(([key, value]) => ({
  [key]: typeof value === 'string' ? value.split(', ') : value
}));

// an array with multiple objects
console.log(result);

// A single object:
console.log(Object.assign({}, ...result));

Note that Object#entries is not part of ES6, and is not supported by IE and Edge.

edited Jun 29, 2017 at 10:29

answered Jun 29, 2017 at 9:59

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2017-07-05 13:49:18Z

0

EDIT: Updated the code to change each property to array element.

let data = {
  key_id: 7, 
  key1: "String1, String2", 
  key2: "String1, String2, String3", 
  key3: "String1, String2", 
  key4: "String1, String2"
};

Object.keys(data).forEach(function(key) {
    data[key] = typeof data[key] === 'string' ? data[key].split(', ') : data[key];
});

console.log(data);

edited Jul 5, 2017 at 13:49

answered Jun 29, 2017 at 10:44

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Collectives™ on Stack Overflow

How to split strings inside object and push them into array? Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related