How to create javascript object from concatenated key value pairs

Question

I need to create an object from a variable created with concateneated key value pairs. HardCoded (it is an array as dataSource for a jquery datatable), it looks like this:

obj = {
          totalValue: valVar,
          totalReceiptValue: receiptVar
      }
dataSourceArray.push(obj);

My variable is:

cumulator ="totalValue:8573.0000,totalReceiptValue:3573.00,"

I've tried this,

var obj = {};
const name = ""; 
const value = cumulator;
obj[name] = value;
dataSourceArray.push(obj);

but then I have an extra key i.e. "": in the object which of course fails for my requirements. How do I do this?

Thanks

Krzysztof Krzeszewski · Accepted Answer · 2021-01-08 08:27:25Z

Assuming that there are no extra : or , signs that could mess with the logic, it can be achieved simply by spliting the strings and using the built in method Object.prototype.fromEntries

const input = "totalValue:8573.0000,totalReceiptValue:3573.00,";

const output = Object.fromEntries( // combine entries into object
  input.split(",") // divide into pairs
  .filter(Boolean) // remove empty elements (comma at the end)
  .map((el) => el.split(":")) // divide the pair into key and value
)

console.log(output)

There apparently being some problems with IE and Edge, the code above can be fixed by writing own implementation of from Entries and opting to not use arrow functions.

const input = "totalValue:8573.0000,totalReceiptValue:3573.00,";

const entries = input.split(",") // divide into pairs

const output = {};
for (let i=0; i<entries.length; i++) {
  if (!entries[i]) continue; // remove empty elements (comma at the end)
  const [key, val] = entries[i].split(":"); // divide the pair into key and value
  output[key]=val; // combine entries into object
}

console.log(output)

Hi and thanks, but the fat arrow and .fromEntries are not supported by IE and apparently .fromEntries is also an issue with Edge.

Naren · Accepted Answer · 2021-01-08 09:13:38Z

0

You can simply use split, map reduce functions.

Try this.

const input = "totalValue:8573.0000,totalReceiptValue:3573.00,";
const result = input.split(',').filter(Boolean).map(function(text) {
 return text.split(':')
}).reduce(function(acc, curr) {
  acc[curr[0]] = curr[1]
  return acc
}, {})

console.log(result)

edited Jan 8, 2021 at 9:13

answered Jan 8, 2021 at 8:10

Naren

4,5193 gold badges20 silver badges32 bronze badges

2 Comments

Neal Rogers Over a year ago

Thx again, but 'const [key, val]' gives a syntax error in IE with 'Expected identifier'

Neal Rogers Over a year ago

Got it!! ( output[split[0].trim()] = split[1].trim(); )Thanks.

Collectives™ on Stack Overflow

How to create javascript object from concatenated key value pairs

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related