convert string into 2D-array format in JavaScript-CodePudding

I'm getting string from database and i need to convert it in the format below:

var locations = [
  ["LOCATION_1", 11.8166, 122.0942],
  ["LOCATION_2", 11.9804, 121.9189],
  ["LOCATION_3", 10.7202, 122.5621],
  ["LOCATION_4", 11.3889, 122.6277],
  ["LOCATION_5", 10.5929, 122.6325]
];

my code below

                   var array = ''
                   var arrayprev= ''
                   for (var i = 0; i < obj.length; i  ) {
                        array = '[' obj[i].Location   '"'   ','   obj[i].x   ','   obj[i].y   '],|'
                        if (arrayprev == "") {
                            arrayprev = array;
                        }
                        else {
                            arrayprev = arrayprev   array;
                        }
                    }
                   locations = arrayprev.split("|")

i'm getting only chracters when passing in code below

for (var i = 0; i < locations.length; i  ) {
        marker = new L.marker([locations[i][1], locations[i][2]], { icon: iconColor(color) })
            // PoPup result will be displayed here
          .bindPopup(locations[i][0])
            //here tool tip will be used to display the label text
          .bindTooltip(locations[i][0],
            {
                permanent: true, 
                direction: 'right'
             }
            )
          .addTo(map);

hardcoded location array is working fine but when I use my loop I'm not getting the correct data Please help

CodePudding user response：

it seems to me that you don't have a string as an input but an array of object

you can use map to trasform that array in the shape you want

like this

const obj = [{
  Location: "LOCATION_1",
  x:  11.8166,
  y: 122.0942
},{
  Location: "LOCATION_2",
  x:  11.8166,
  y: 122.0942
},{
  Location: "LOCATION_3",
  x:  11.8166,
  y: 122.0942
},
]

const locations = obj.map(({Location, x, y}) => [Location, x, y])

or you can use that array of object to populate your map

like this

obj.forEach(({Location, x, y}) => {
  marker = new L.marker([x, y], { icon: iconColor(color) })
            // PoPup result will be displayed here
          .bindPopup(Location)
            //here tool tip will be used to display the label text
          .bindTooltip(Location,
            {
                permanent: true, 
                direction: 'right'
             }
            )
          .addTo(map);

})

CodePudding user response：

from your code, it looks like you just want to convert an object into an array containing arrays. I don't see the reason working with string here.

var result = Object.keys(obj).map((key) => {
    return [obj[key].Location, obj[key].x, obj[key].y]
})