Javascript convert a JSON string to an array of arrays

Question

I am trying to convert a JSON string with the following data :

{
    "locations": [{
        "info": "7811 N. Octavia",
        "longitude": -87.8086439,
        "latitude": 42.0229656
    }, {
        "info": "PO Box 271743",
        "longitude": -73.087749,
        "latitude": 41.6032207
    }, {
        "info": "P.O. Box 269",
        "longitude": -86.7818523,
        "latitude": 34.0667074
    }]
}

to the following structure:

var locations = [
    ['Bondi Beach', -33.890542, 151.274856],
    ['Coogee Beach', -33.923036, 151.259052],
    ['Cronulla Beach', -34.028249, 151.157507],
    ['Manly Beach', -33.80010128657071, 151.28747820854187],
    ['Maroubra Beach', -33.950198, 151.259302]
];

Is there any way to achieve this using javascript?

Possible duplicate of How to convert array of objects into array of arrays — adiga
– adiga, Commented Apr 8, 2019 at 10:44

Nina Scholz · Accepted Answer · 2019-04-08 10:54:47Z

5

You could get the values, as long as they have the right order.

var object = { locations: [{ info: "7811 N. Octavia", longitude: -87.8086439, latitude: 42.0229656 }, { info: "PO Box 271743", longitude: -73.087749, latitude: 41.6032207 }, { info: "P.O. Box 269", longitude: -86.7818523, latitude: 34.0667074 }] },
    locations = object.locations.map(Object.values);

console.log(locations);

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

answered Apr 8, 2019 at 10:54

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

2 Comments

Eduardo Garcia Over a year ago

Could you explain how works .map(Object.values) if "values" is a method of Object. I'm lost in that part.

Nina Scholz Over a year ago

Array#map` takes a callback. Object.values works directly and has only one parameter. Without the calling parentheses, you could hand over this method like any other callback.

cooper667 · Accepted Answer · 2019-04-08 10:37:55Z

4

const obj = {
    "locations": [{
        "info": "7811 N. Octavia",
        "longitude": -87.8086439,
        "latitude": 42.0229656
    }, {
        "info": "PO Box 271743",
        "longitude": -73.087749,
        "latitude": 41.6032207
    }, {
        "info": "P.O. Box 269",
        "longitude": -86.7818523,
        "latitude": 34.0667074
    }]
};

locations = obj.locations.map(({info, longitude, latitude}) => [info, longitude, latitude]);

console.log(locations);

You can just map over the array and return the elements in the form you want to create a new array

answered Apr 8, 2019 at 10:37

cooper667

4254 silver badges7 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2019-04-08 10:37:03Z

1

You just need a forEach() on locations array:

var obj = {"locations":[{"info":"7811 N. Octavia","longitude":-87.8086439,"latitude":42.0229656},{"info":"PO Box 271743","longitude":-73.087749,"latitude":41.6032207},{"info":"P.O. Box 269","longitude":-86.7818523,"latitude":34.0667074}]};

var res = [];
obj.locations.forEach(function(location){
  var innerArr = [];
  innerArr.push(location.info);
  innerArr.push(location.longitude);
  innerArr.push(location.latitude);
  res.push(innerArr);
});
console.log(res);

answered Apr 8, 2019 at 10:37

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

Ashish · Accepted Answer · 2019-04-08 10:41:14Z

1

You can use Array map

//Parsing JSON string to json object
var dataObj = JSON.parse('{"locations":[{"info":"7811 N. Octavia","longitude":-87.8086439,"latitude":42.0229656},{"info":"PO Box 271743","longitude":-73.087749,"latitude":41.6032207},{"info":"P.O. Box 269","longitude":-86.7818523,"latitude":34.0667074}]}')

//Using map to iterate over dataObj.locations and break the object into array based on keys
var locations = dataObj.locations.map(x => [x.info, x.longitude, x.latitude])

console.log(locations)

answered Apr 8, 2019 at 10:41

Ashish

4,3701 gold badge19 silver badges46 bronze badges

Comments

Eduardo Garcia · Accepted Answer · 2019-04-08 10:50:52Z

1

This code accept any object structure

let obj = {
  "locations": [{
      "info": "7811 N. Octavia",
      "longitude": -87.8086439,
      "latitude": 42.0229656
  }, {
      "info": "PO Box 271743",
      "longitude": -73.087749,
      "latitude": 41.6032207
  }, {
      "info": "P.O. Box 269",
      "longitude": -86.7818523,
      "latitude": 34.0667074
  }]
}

let arr = obj.locations.map(value => {
  let _arr = [];
  for (let key of Object.keys(value)) {
    _arr.push(value[key]);
  }
  return _arr
});

console.log(arr);

answered Apr 8, 2019 at 10:50

Eduardo Garcia

2491 silver badge4 bronze badges

Comments

Bathri Nathan · Accepted Answer · 2019-04-08 11:00:09Z

use reduce function to ittrate and put it value into a array and get the value.check the below code

let v ={
    "locations": [{
        "info": "7811 N. Octavia",
        "longitude": -87.8086439,
        "latitude": 42.0229656
    }, {
        "info": "PO Box 271743",
        "longitude": -73.087749,
        "latitude": 41.6032207
    }, {
        "info": "P.O. Box 269",
        "longitude": -86.7818523,
        "latitude": 34.0667074
    }]
}


let array = v.locations
let value = [];
let result = array.reduce( function( sample, data){
  sample = [];
	sample.push(data.info)
  sample.push(data.longitude)
  sample.push(data.latitude)
  value.push(sample);
  return sample
},[] )

console.log("Final Value:",value)

Collectives™ on Stack Overflow

Javascript convert a JSON string to an array of arrays

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related