How to parse json arrays into array rather than object

Question

I have following foobar variable which is string(I get it like so by querying a webserver with $http.post):

var foobar = "[{param1: 'value1'}, {param2: 'value2'}]";

How do I make an array out of that? If I use JSON.parse, it will provide me with an object(tried typeof foobar). But, if I then use delete param1, it will then make it [null, {param2: 'value2'}]. What I want to do, basically is to remove first or second item. Also, value may be different, but keys will always stay the same, ie. they'll be numbers.

I don't understand your question - the variable foobar is an array, with two elements that are each objects. Your delete param1 can't even work because that's a key of the 0th inner object. — Alnitak
– Alnitak, Commented Nov 16, 2016 at 23:25
did you mean var foobar = "[{param1: 'value1'}, {param2: 'value2'}]";? — abc123
– abc123, Commented Nov 16, 2016 at 23:27
@Milos well, it really makes very little sense to not fix it first. — zerkms
– zerkms, Commented Nov 16, 2016 at 23:52

Taplar · Accepted Answer · 2016-11-16 23:40:21Z

2

Seems like you're wanting to parse your array into a single object, from your delete statement. If so...

var foobar = '[{"param1":"value1"},{"param2":"value2"}]';
var json = JSON.parse(foobar);

json = json.reduce(function(previousValue, currentValue){
  Object.keys(currentValue).forEach(function(key){
    previousValue[key] = currentValue[key];
  });
  return previousValue;
}, {});

console.log(json);

I could be wrong though.

answered Nov 16, 2016 at 23:40

Taplar

25k4 gold badges24 silver badges36 bronze badges

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

4 Comments

zerkms Over a year ago

json.reduce((a, o) => Object.assign(a, o), {}) :-)

Taplar Over a year ago

Ohh, fancy. :D Ya, i'm not up on ES6 fully yet.

zerkms Over a year ago

Btw, also note that OP has a broken JSON and apparently they are not willing to fix it. So presumably JSON.parse would not work.

Taplar Over a year ago

Lol, well. shrug

abc123 · Accepted Answer · 2016-11-16 23:25:48Z

0

Description

This is already an array var foobar = [{param1: 'value1'}, {param2: 'value2'}];.

Example

var foobar = [{param1: 'value1'}, {param2: 'value2'}];
// this is an array
console.log(foobar);
// this is an object in an array
console.log(foobar[0]);

answered Nov 16, 2016 at 23:25

abc123

19k7 gold badges55 silver badges84 bronze badges

Comments

Christos · Accepted Answer · 2016-11-16 23:26:04Z

0

This

var foobar = [{param1: 'value1'}, {param2: 'value2'}];

is an array.

var foobar = [{param1: 'value1'}, {param2: 'value2'}];
console.log(foobar instanceof Array)

If you want to remove the first item you can just use the shift method:

var foobar = [{param1: 'value1'}, {param2: 'value2'}];
foobar.shift();
console.log(foobar)

While if you want to remove the second item you can use the pop method:

var foobar = [{param1: 'value1'}, {param2: 'value2'}];
foobar.pop();
console.log(foobar)

answered Nov 16, 2016 at 23:26

Christos

54.1k9 gold badges82 silver badges114 bronze badges

Comments

Julio Aguilar · Accepted Answer · 2016-11-16 23:34:08Z

0

As the others say, what you are providing is already an array.

var foobar = [{param1: 'value1'}, {param2: 'value2'}];
//You can see this because of the []
//You can delete the index of an array by using the splice method
foobar.splice(1,1);
//First param is the index, the second is the number of items to erase

answered Nov 16, 2016 at 23:34

Julio Aguilar

3623 silver badges4 bronze badges

Comments

Jarod Moser · Accepted Answer · 2016-11-16 23:54:40Z

0

What's probably confusing you the most is typeof.

In the case of arrays, typeof will say it is an object (as you can read from MDN here). If you want to test to see if a variable is an array, you could use: foobar.isArray()

answered Nov 16, 2016 at 23:54

Jarod Moser

7,4182 gold badges29 silver badges55 bronze badges

Collectives™ on Stack Overflow

How to parse json arrays into array rather than object

5 Answers 5

4 Comments

Description

Example

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Description

Example

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related