Convert Array object into Json in Javascript

Question

How can I convert this:

var expenseList = [[1,"Beverages"],
                   [2,"Condiments" ],
                    [3,"Confections" ],
                   [4,"Dairy Products" ],
                   [5,"Grains/Cereals" ],
                   [6,"Meat/Poultry" ],
                    [7,"Produce" ],
                   [8,"Seafood" ]];

into this:

output = [
               { value: 1, text: "Beverages" },
               { value: 2, text: "Condiments" },
               { value: 3, text: "Confections" },
               { value: 4, text: "Dairy Products" },
               { value: 5, text: "Grains/Cereals" },
               { value: 6, text: "Meat/Poultry" },
               { value: 7, text: "Produce" },
               { value: 8, text: "Seafood" }
        ];

The first data source can be taken as input and the second is the required output. I tried converting the array into a type of string using a loop and then parse the string into json but Json.pasre throws error there.

var list = '';
for (var i = 0; i < expenseList.length; i++) {
        var showText = expenseList[i][1].replace('"', '\\"');
        var key = expenseList[i][0];

    list = '{ value: ' + key + ', text: "' + value + '"},' + list;
}

    list = '[' + list.substr(0, list.length - 1) + ']';
    var bindList;
    bindList = JSON.parse(list);

Trying to build up a JSON object as a string is very error-prone. — Dan
– Dan, Commented Apr 11, 2016 at 14:20
There are exactly 0 (zero) "JSON objects" in your required output. Or anything else remotely JSON-related for that matter. — Oleg V. Volkov
– Oleg V. Volkov, Commented Apr 11, 2016 at 14:20

gurvinder372 · Accepted Answer · 2016-04-11 14:18:43Z

7

simply try

var output = expenseList.map(function(val){
  return { value: val[0], text: val[1] }
});

answered Apr 11, 2016 at 14:18

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Comments

Joey Ciechanowicz · Accepted Answer · 2016-04-11 14:21:19Z

1

You can use Array.prototype.map

var list = expenseList.map(function(x) {
  return {
     value: x[0],
     text: x[1]
  };
});

To then turn into JSON you can use

var json = JSON.stringify(output);

answered Apr 11, 2016 at 14:21

Joey Ciechanowicz

3,6633 gold badges30 silver badges49 bronze badges

Comments

Dan · Accepted Answer · 2016-04-11 14:30:15Z

0

Here is an alternative solution that builds up the array in the way you were trying, but is more correct:

var expenseList = [[1,"Beverages"],
                   [2,"Condiments" ],
                   [3,"Confections" ],
                   [4,"Dairy Products" ],
                   [5,"Grains/Cereals" ],
                   [6,"Meat/Poultry" ],
                   [7,"Produce" ],
                   [8,"Seafood" ]];

var list = [];
for (var i = 0; i < expenseList.length; i++) {
    var val = expenseList[i][0];    
    var txt = expenseList[i][1];

    list.push({value: val, text: txt});
}

console.log(list);

answered Apr 11, 2016 at 14:30

Dan

11.2k5 gold badges26 silver badges36 bronze badges

Comments

Devank · Accepted Answer · 2016-04-17 06:17:50Z

0

If you don't want an array and hash object meets your requirement then use this.

loadash used.

_.zipObject(_.map(expenseList,0),_.map(expenseList,1))

Output will be

{1: "Beverages", 2: "Condiments", 3: "Confections", 4: "Dairy Products", 5: "Grains/Cereals", 6: "Meat/Poultry", 7: "Produce", 8: "Seafood"}

answered Apr 17, 2016 at 6:17

Devank

1671 gold badge2 silver badges9 bronze badges

Comments

saad maqsood · Accepted Answer · 2023-09-27 09:35:13Z

0

One liner solution using .map

var expenseList = [[1,"Beverages"],[2,"Condiments" ],[3,"Confections" ],[4,"Dairy Products" ],[5,"Grains/Cereals" ],[6,"Meat/Poultry" ],[7,"Produce" ],[8,"Seafood" ]],
      output = expenseList.map(([value,text])=>({value:+value,text})); 

console.log(output);

edited Sep 27, 2023 at 9:35

answered Sep 27, 2023 at 9:30

saad maqsood

11 bronze badge

1 Comment

Nageen Over a year ago

What is change in your answer then others

Collectives™ on Stack Overflow

Convert Array object into Json in Javascript

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related