Comment exécuter la fonction pour chaque élément sur des tableaux

Je suggérerais d'abord d'utiliser un tableau de tableaux pour stocker les coordonnées afin que votre latitude et votre longitude soient référencées près l'une de l'autre. J'ai donné quelques exemples de base de boucle, en supposant que checkFunction est quelque chose que vous définissez pour gérer les vérifications de coordonnées.

Vous pouvez utiliser vanilla JS pour effectuer une boucle comme ceci:

$(myArray).each(function(index, value) {
    checkFunction(value);
});

Ou vous pouvez utiliser JQuery pour faire une boucle comme ceci:

for (var i in myArray) {
   checkFunction(myArray[i]);
}

Il semble que la double boucle passant par les coordonnées n'attend pas la réponse de l'ajax (je suppose que toutes les coordonnées sont nécessaires avant le traitement). Puisque l'appel ajax est asynchrone, les emplacements ne seront pas renseignés tant que le serveur n'aura pas répondu; cependant, la boucle passant par le tableau des emplacements commencera à s'exécuter immédiatement après la demande initiale adressée au serveur et, surtout, avant que les emplacements ne soient remplis.

Essayez de déplacer une majorité de votre fonction dans la fonction de réussite. p>

function showPosition(position){

  let locationLatitude = []
  let locationsLongitude = []

  //AJAX CALL TO GET THE POSITION OF THE PLACES AND PUSHING THEM TO THE ARRAYS
  let success = function(res){
    let locations = res.locations

    for (var i=0; i<locations.length; i++){
      locationLatitude.push(locations[i]['place_latitude'])
      locationsLongitude.push(locations[i]['place_longitude'])
    }

    // LOOP TO GET ALL COORDIANTES FROM PLACES (LAT,LONG)
    var locationLatitudeLength = locationLatitude.length
    var locationsLongitudeLength = locationsLongitude.length
    let startPosLat
    let startPosLong

    for(var i=0; i<locationLatitudeLength; i++){

      for(var j=0; j<locationsLongitudeLength; j++){
        startPosLat = locationLatitude[i]
        startPosLong = locationsLongitude[j]

        userlocationLatitude = position.coords.latitude
        userlocationLongitude = position.coords.longitude

        //PASS VALUES OF COORDINATES TO THE FUNCTION
        let distance = calculateDistance(startPosLat, startPosLong, userlocationLatitude, userlocationLongitude)
      }
    }

    if(distance < .05){
        $('.div-image').attr('src', 'pic2.jpg')
    }else if(distance > .05){
        $('.div-image').attr('src', 'pic.jpg')
    }
  }

   $.ajax({
      type: 'GET',
      url: '/api/locations',
      crossDomain: true,
      dataType: 'json',
      async: false,
      success : success,
  });

  //function to calculate the distance between two points of coordinates 
  function calculateDistance(lat1, lon1, lat2, lon2) {
      var R = 6371; // km
      var dLat = (lat2-lat1).toRad();
      var dLon = (lon2-lon1).toRad();
      var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
              Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
              Math.sin(dLon/2) * Math.sin(dLon/2);
      var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
      var d = R * c;
      return d;
  }

  Number.prototype.toRad = function() {
    return this * Math.PI / 180;
  }
}```

Je pense que votre algorithme pourrait être un peu simplifié. En particulier, diviser les latitudes et longitudes en tableaux séparés, puis utiliser plus tard des boucles for imbriquées pour les réunir semble inutile. Voici une suggestion qui saute ces étapes.

Notez que cela n'a pas du tout été testé, mais cela pourrait vous aider à progresser sur la bonne voie.

D'autres choses à noter sont la possibilité d'utiliser pour. ..of au lieu des boucles for traditionnelles, en utilisant distance dans la même portée dans laquelle il est déclaré, et en étant prêt pour la situation où distance == .05 .

function showPosition(position){
  const userlocationLatitude = position.coords.latitude;
  const userlocationLongitude = position.coords.longitude;
  let success = function(res){
    for(let location of res.locations){
      let startPosLat = location['place_latitude'],
          startPosLng = location['place_longitude'],
          distance = calculateDistance(startPosLat, startPosLong, userlocationLatitude, userlocationLongitude);
      if(distance < .05){ $('.div-image').attr('src', 'pic2.jpg'); }
      else{ $('.div-image').attr('src', 'pic.jpg'); }  
    }
  }
  $.ajax({ type: 'GET', url: '/api/locations', crossDomain: true, dataType: 'json', async: false, success : success });

  //function to calculate the distance between two points of coordinates 
  function calculateDistance(lat1, lon1, lat2, lon2) {
      var R = 6371, dLat = (lat2-lat1).toRad(), dLon = (lon2-lon1).toRad(),
          a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) * Math.sin(dLon/2) * Math.sin(dLon/2),
          c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
      return R * c;
  }
  Number.prototype.toRad = function() { return this * Math.PI / 180; }
}