Use Foreach Loop in variable

Question

I'm working on google map for live tracking. i have to change markers according to database Updation.

This is a testLocs variable. i want to make it dynamic.

var testLocs = {
   1: { info:'Demo', lat:31.933517, lng:74.910278 },
   2: { info:'Demo', lat:32.073266 , lng:76.997681 },
   3: { info:'Demo', lat:32.23139 , lng:78.425903 },
}
setMarkers(testlocs);

So, For that from ajax call every 3000 (3 seconds) i call ajax script. So, I got response from ajax in this format.

In Console i got 3 Arrays from database in ajax response,

Array-1 : ["Device-1", "Device-2", "Device-3"]; // all device name
Array-2 : ["31.933517", "32.073266", "32.23139"]; // all latitude 
Array-3 : ["74.910278", "76.997681", "78.425903"]; // all longitude

Now,I want to use it in Above var testLocs.

Whole Function,

function  myTimer(new_latitude, new_longitude,new_name)
    {
             var new_latitude = new_latitude;
             var new_name = new_name;
             var new_longitude = new_longitude;

             console.log(new_name);
             console.log(new_latitude);
             console.log(new_longitude);

             var testLocs = {
                1: { info:'Demo', lat:31.933517, lng:74.910278 },
                2: { info:'Demo', lat:32.073266 , lng:76.997681 },
                3: { info:'Demo', lat:32.23139 , lng:78.425903 },
             }
             setMarkers(testlocs);
        }
    var myVar = setInterval(function(){ myTimer() }, 3000);

I tried with this but its not working.

var testLocs = {

      new_latitude.forEach(function(single_value)
         {
            single_value_latitude = single_value;
            // alert(single_value_latitude);
         });
}

EDIT :

Ajax code

    (function worker() {
     $.ajax({
        type: "POST",
        dataType: "json",
        // data: {business1: business1},
        url: '<?php echo site_url('home/automatic_fetch_data'); ?>',
        success: function (data) {
                    //alert(data);

                var new_lat = [];
                var new_lng = [];
                var new_name = [];

                $.each(data, function(k, v) {

                    var lati = v['latitude'];
                    var lngi = v['longitude'];
                    var namei = v['name'];
                    new_lat.push(lati);
                    new_lng.push(lngi);
                    new_name.push(namei);
                });
                var new_latitude = new_lat;
                var new_longitude = new_lng;
                var new_name = new_name;
                // console.log(new_latitude);
                // console.log(new_longitude);
                myTimer(new_latitude, new_longitude,new_name);
        },complete: function() {
                // Schedule the next request when the current one's complete
                setTimeout(worker, 3000);
            }
    });
})();

I got below array in after ajax response, console.log(data);

Array :

Array with 4 Object and in each object i got all the information device_id, device_name, latitude, longitude. In Console i got array in this information.

 [Object { id="1",  device_id="1", device_name="Device-1",  latitude="29.630771",  longitude="74.910278"}, Object { id="2",  device_id="2", device_name="Device-2",  latitude="32.073266",  longitude="76.997681"}, Object { id="3",  device_id="5", device_name="Device-3",  latitude="29.630771",  longitude="74.910278"}, Object { id="5",  device_id="3", device_name="Device-3",  latitude="29.630771",  longitude="74.910278"}]

What is the exact response you get from your AJAX request? Your current list of 3 arrays is not valid syntax. Also, is it possible you can change the response? Having it return in the format you expect would be much easier than hacking it around in JS afterwards — Rory McCrossan
– Rory McCrossan, Commented Nov 5, 2016 at 13:00
@RoryMcCrossan. thank you for the reply. i got whole array in ajax response from database. But var testLocs is in different format so i think that if i divide it using lat, long etc than it may be possible. I'm updating my question with whole array. and ajax code. — Bhavin
– Bhavin, Commented Nov 5, 2016 at 13:04
@Bhavin there is no "name" property in your objects received. So "var namei=v['name']" inside each callback is the line which must be failing. Can you double check the value or code? — Pratik Gaikwad
– Pratik Gaikwad, Commented Nov 5, 2016 at 13:23
@PratikGaikwad. thank you for point it out. it was by mistake i got name in array. — Bhavin
– Bhavin, Commented Nov 5, 2016 at 13:25

Andriy · Accepted Answer · 2016-11-05 13:27:20Z

3

transformation code (3 arrays into object with another 3 objects):

var new_name = ["Device-1", "Device-2", "Device-3"];
var new_latitude = ["31.933517", "32.073266", "32.23139"]; // all latitude 
var new_longitude = ["74.910278", "76.997681", "78.425903"];

var testLocs = new_name.reduce(function (res, curr, currentIndex) {
  res[currentIndex + 1] = {
    info: new_name[currentIndex],
    lat: new_latitude[currentIndex],
    lng: new_longitude[currentIndex]
  };
  return res;
}, {});

console.log(testLocs);

so, your function may look like:

function  myTimer(new_latitude, new_longitude,new_name) {
  console.log(new_name);
  console.log(new_latitude);
  console.log(new_longitude);

  var testLocs = new_name.reduce(function (res, curr, currentIndex) {
    res[currentIndex + 1] = {
      info: new_name[currentIndex],
      lat: new_latitude[currentIndex],
      lng: new_longitude[currentIndex]
    };
    return res;
  }, {});

  setMarkers(testlocs);
}

answered Nov 5, 2016 at 13:27

Andriy

15.5k4 gold badges49 silver badges53 bronze badges

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

4 Comments

Bhavin Over a year ago

thank you for the reply. I got this error : Cannot read property 'reduce' of undefined(…).

Bhavin Over a year ago

It's perfectly working thank you so much for this solution. I still got this error can't read property 'reduce' of undefined(…).

Andriy Over a year ago

new_name should be an array of your names (["Device-1", "Device-2", "Device-3"]), do you see it when printed by console.log(new_name)? If not, then you are probably not receiving it in your function

Bhavin Over a year ago

Oh got it it's perfectly working now. Thank you for this solution :)

Collectives™ on Stack Overflow

Use Foreach Loop in variable

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related