Format a javascript object into a specific structure

Question

i have a javascript object as follows

obj = {"account_id-0":null,"option_item_id-0":1,"value-0":"wer","account_id-1":null,"option_item_id-1":2,"value-1":"kkk","account_id-2":null,"option_item_id-2":3,"value-2":"qqqqq"
....
 "account_id-n":null,"option_item_id-n":6,"value-n":"see"
}

From the above object, i need to create the following structure

{"0": {
        account_id: null,
        option_item_id: 1,
        value: "wer"
      },
 "1": {
        account_id: null,
        option_item_id: 2,
        value: "kkk"
      },
 "2": {
        account_id: null,
        option_item_id: 2,
        value: "qqqqq"
      },
  .
  .
  .
 "n": {
        account_id: null,
        option_item_id: 6,
        value: "see"
      }
}

Any idea on how to implement this?

That looks to me like a string manipulation. What have you tried so far? — Souvik Ghosh
– Souvik Ghosh, Commented Dec 28, 2017 at 7:48
For a easy solution (may not performance efficient upto the optimum level) you can use lodash/underscore utility — Koushik Chatterjee
– Koushik Chatterjee, Commented Dec 28, 2017 at 8:14

31piy · Accepted Answer · 2017-12-28 08:03:56Z

4

You can iterate through the all the keys, and use Array#reduce to contruct the resultant object.

let obj = {
  "account_id-0": null,
  "option_item_id-0": 1,
  "value-0": "wer",
  "account_id-1": null,
  "option_item_id-1": 2,
  "value-1": "kkk",
  "account_id-2": null,
  "option_item_id-2": 3,
  "value-2": "qqqqq",
  "account_id-n": null,
  "option_item_id-n": 6,
  "value-0": "see"
};

let result = Object.keys(obj).reduce((res, item) => {
  let [key, index] = item.split('-');

  if (!res[index]) {
    res[index] = {};
  }

  res[index][key] = obj[item];
  return res;
}, {});

console.log(result);

answered Dec 28, 2017 at 8:03

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

Comments

Garfield · Accepted Answer · 2017-12-28 08:05:14Z

var obj = {
  "account_id-0": null,
  "option_item_id-0": 1,
  "value-0": "wer",
  "account_id-1": null,
  "option_item_id-1": 2,
  "value-1": "kkk",
  "account_id-2": null,
  "option_item_id-2": 3,
  "value-2": "qqqqq"
};

var props = [];

function getObj(ind) {
  for (var p in props) {
    if (ind === p) {
      return props[p];
    }
  }
}

for (var prop in obj) {
  var parts = prop.split('-');
  var key = parts[0];
  var indx = parts[1];
  var tmp = getObj(indx);
  if (tmp == undefined) {
    var x = {};
    x[indx] = {};
    x[indx][key] = obj[prop];
    props.push(x);
  } else {
    tmp[indx][key] = obj[prop];
  }
}

console.log(props);

This should be the straight forward way of maniplulating the object array with simple split() function.

Stefan Octavian · Accepted Answer · 2017-12-28 08:12:45Z

0

Try this:

var keys = Object.keys(obj), i = 0
var arr = [], o = {}
for(var k in keys) {
    if(keys[k].match(/\d*$/m) == i) {
       o[keys[k].replace(/-\d*$/m,'')] = obj[keys[k]]
    } else {
         i++ 
         arr.push(o)
         o = {} 
     }
 }

Here I am using an array instead of an object with the keys "0", "1", " 2", ... "n". I think it's way more convenient.

answered Dec 28, 2017 at 8:12

Stefan Octavian

6208 silver badges20 bronze badges

Collectives™ on Stack Overflow

Format a javascript object into a specific structure

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related