Javascript - Manipulate Array structure inside existing JSON string

Question

I have a simple json in which I want to manipulate array structure and data as below , Can anyone suggest How can I do this using javascript or xpaths.

current json :-

{
  "pimage": [
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_sb.jpg",
      "timage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif",
      "mimage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011fp.gif",
      "lfimage": "http://img.bbystatic.com/BestBuy_US/images/products/7306/7306011_sa.jpg"
    }
  ]
}

expected :- below limage key is made common and urls values from current json is kept as it is.

{
  "pimage": [
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_sb.jpg"
    },
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif"
    },
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif"
    },
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif"
    }
  ]
}

@NinaScholz rule ? i dint get you , can you please elaborate — Max
– Max, Commented Feb 9, 2016 at 9:51
how is the current to the expected mapped. a rule is not visible. — Nina Scholz
– Nina Scholz, Commented Feb 9, 2016 at 9:52

millerbr · Accepted Answer · 2016-02-09 10:00:29Z

1

Question feels a bit unclear, but this code will turn your object into the form you wanted:

var myObj = {
  "pimage": [
    {
      "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_sb.jpg",
      "timage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif",
      "mimage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011fp.gif",
      "lfimage": "http://img.bbystatic.com/BestBuy_US/images/products/7306/7306011_sa.jpg"
    }
  ]
}
var myFunc = function(obj) { 
  var keys = Object.keys(obj.pimage[0]);
  var newObj = {"pimage":[]};
  keys.forEach(function(k) {
    var newImg = {};
    newImg['limage'] = obj.pimage[0][k];
    newObj.pimage.push(newImg);
  });
  return newObj;
}

console.log(myFunc(myObj));

With more information, it the myFunc() function could be crafted a bit more robustly.

edited Feb 9, 2016 at 10:00

answered Feb 9, 2016 at 9:54

millerbr

2,9411 gold badge16 silver badges25 bronze badges

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

1 Comment

Max Over a year ago

@milerbr , I used push with key value and it worked. thanks

Nina Scholz · Accepted Answer · 2016-02-09 10:04:10Z

0

This solution maps every key/value pair to a seperated object.

var obj = {
        "pimage": [{
            "limage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_sb.jpg",
            "timage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011_s.gif",
            "mimage": "http://images.bestbuy.com/BestBuy_US/images/products/7306/7306011fp.gif",
            "lfimage": "http://img.bbystatic.com/BestBuy_US/images/products/7306/7306011_sa.jpg"
        }]
    };

obj.pimage = Object.keys(obj.pimage[0]).map(function (k) {
    var o = {};
    o[k] = obj.pimage[0][k];
    return o;
});

document.write('<pre>' + JSON.stringify(obj, 0, 4) + '</pre>');

answered Feb 9, 2016 at 10:04

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

John Slegers · Accepted Answer · 2016-02-09 11:08:46Z

0

Try this :

function Parse(ur_obj) {
   var iterate = ur_obj.pimage[0];
   var result = [];
   for(var x in iterate) {
      result.push({x:iterate[x]});
   }
   ur_obj.pimage = result;
   return ur_obj;
}

edited Feb 9, 2016 at 11:08

John Slegers

47.4k23 gold badges205 silver badges173 bronze badges

answered Feb 9, 2016 at 10:00

mahem

11 silver badge4 bronze badges

Collectives™ on Stack Overflow

Javascript - Manipulate Array structure inside existing JSON string

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related