JavaScript格式化类似于数组对象的字符串

Question

In JavaScript I have a string like

Package=sdvasd&Qty=1&Price=34?Package=sdabhjds&Qty=1&Price=234?

I want to format that like an object array like this

[
{'Package' : 'sdvasd', 'Qty' : 1, 'Price' : 34 }
{'Package' : 'sdabhjds', 'Qty' : 1, 'Price' : 234 }
]

The code what I have tried so far

let packageData = data.split('?');
let packageArr = [];
if( packageData.length > 0 ) {
  for (var i = 0; i < packageData.length -1; i++) {
    let str = packageData[i].split('&');
    for (var j = 0; j < str.length; j++) {
      let keys = str[j].split('=');
      packageArr.push(keys[1])
    }
  }
}
console.log(packageArr);

But it is not giving me result like this. Can someone tell me how to make this like the desired output. Any suggestions and advice will be really appreciable. I only want javascript method not jQuery

Answer 1

Use split , map and reduce

var output = str.split("?") //split by ?
   .filter( s => !!s ) //filter out empty 
   .map( s => s.split( "&" ) //split by & and iterate each item
   .reduce( (acc, c) => 
          ( t = c.split("="), acc[t[0]] = t[1], acc) //split each item by = and set each key to accumulator and return the accumulator
   , {}) ); //initialize accumulator

Demo

 var str = "Package=sdvasd&Qty=1&Price=34?Package=sdabhjds&Qty=1&Price=234?"; var output = str.split("?") //split by ? .filter( s => !!s ) //filter out empty .map( s => s.split( "&" ) //split by & and iterate each item .reduce( (acc, c) => ( t = c.split("="), acc[t[0]] = t[1], acc) //split each item by = and set each key to accumulator and return the accumulator , {}) ); //initialize accumulator console.log( output ); 

Answer 2

You could split the string and create for the outer splitting an array and for inner splitting the object and for the most inner splitting a key/value pair.

 var string = 'Package=sdvasd&Qty=1&Price=34?Package=sdabhjds&Qty=1&Price=234?', result = string .split('?') .filter(Boolean) .map(s => s.split('&').reduce((o, p) => { var [k, v] = p.split('='); return Object.assign(o, { [k]: v }); }, {})); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 3

You can use this. Also you can check for number values so that the qty and Price properties has numeric values and not string:

 var str = 'Package=sdvasd&Qty=1&Price=34?Package=sdabhjds&Qty=1&Price=234'; var resArray = []; str.split('?').filter((obj)=>{ var resObj = {}; obj.split('&').map((item)=>{ var itemSplit = item.split('='); if(isNaN(itemSplit[1])){ resObj[itemSplit[0]] = itemSplit[1]; } else { resObj[itemSplit[0]] = parseInt(itemSplit[1]); } }); resArray.push(resObj); }); console.log(resArray); 

Answer 4

Try the below code. Create a object and then put the key value pairs.

    let packageArr = [];
let packageDataArr = data.split('?');
Array.prototype.forEach.call(packageDataArr,(packageData)=>{
   let dataObj = {};
   let str = packageData.split('&');
   Array.prototype.forEach.call(str,(keyValue)=>{
      let keys = keyValue.split('=');
      dataObj[key[0]] = key[1];
   });
   packageArr.push(dataObj);
});