Pfthb

I am trying to break a nested for loop inside a asynchronous call back but unable to do so:

function asyncCall(id, OnComplete) 
 // id..
 context.executeQueryAsync(OnSuccess, OnFailure);

 function OnSuccess(sender, args) 
 OnComplete(userInGroup);
 

 function OnFailure(sender, args) 
 console.error("Doesn't Exist!")
 


function callApi() 
 //response from intial call
 for (var key in response) 
 var data = response[key];
 (function (innerData) 
 if (innerData) 
 renderHTML(innerData);
 
 )(data);
 


function renderHTML(data) 
 for (var key in data) 
 var index = data[key];
 (function (innerData, id) 
 asyncCall(id, function (isFound) 
 if (isFound)
 break; //break loop
 );
 )(data, index);
 


callApi();

I want to break the loop if the value of the property isFound is true in its response and want to achieve this in ES5 only or any work around like synchronous call might help.

You can't.

The loop will have finished before the break gets reached.

The only way to do this would be to run each invocation of asyncCall in series instead of in parallel. (e.g. by calling the next one from the callback function passed to the previous one).

As Quentin said, you can't.

But if you want to prevent further callbacks from happening, you could set a variable which prevents the callbacks to happen.

let isFound = false;

function asyncCall(id, OnComplete) 
 // id..
 context.executeQueryAsync(OnSuccess, OnFailure);

 function OnSuccess(sender, args) 
 if(isFound) return;
 isFound = true;
 OnComplete(userInGroup);
 

 function OnFailure(sender, args) 
 console.error("Doesn't Exist!")