JS выход из for если внутри вызов функции ajax async с callback?

Question

[fury2006]

Помогите разобраться как можно прервать цикл и при этом вернуть результат функции внутри цикла.
Но есть нюанс: в цикле вызов функции в которой в свою очередь асинхронный ajax запрос и собственно callback
Вот не получается прервать цикл когда результат не пустой.

function sample(arr) {
  var results;
  searching:
  for (let i = 0; i < arr.length; i++) {
         results = searchingIdByName(arr[i], code, function(results) {
                        if (results !== undefined && results.id !== undefined) {
                                return results;
                        }
          });

          //тут всегда results undefined
          if (results !== undefined && results.id !== undefined) {
               console.log(results);
               break searching;
           }
  }
}
function searchingIdByName(param, code, callback) {
        $.ajax({
            url: "...",
            dataType: 'jsonp',
            type: "GET",
            delay: 250,
            data: {q: param },
            success: function(data) {
                let results = data;
                return callback(results);
            }
        });
    }

Comments

[edward_freedom]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 1

[zkrvndm]

Используй async / await:

async function sample(arr) {
	
	for (var i = 0; i < arr.length; i++) {
		
		try {
			
			var result = await $.ajax({
				url: '...',
				dataType: 'jsonp',
				type: 'GET',
				delay: 250,
				data: { q: arr[i] }
			});
			
			if (result) {
				
				console.log('Получен ответ:');
				console.dir(result);
				
			}
			
			else {
				
				console.log('Получен пустой ответ:');
				console.dir(result);
				
				console.log('Прерываем цикл...');
				
				break;
				
			}
			
		}
		
		catch (err) {
			
			console.log('Ошибка:');
			console.error(err);
			
			console.log('Прерываем цикл...');
			
			break;
			
		}
		
	}

}

Answer 2

[Dima Polos]

Нужно перевести это на промисы, и дальше, возможно, использовать for await of (как один из вариантов), но сразу надо думать о поддержке браузеров, хотя по идее уже все должны уметь.

Comments

[zkrvndm]

Там в принципе можно обойтись без промисов и асинхронных функций, если использовать jQuery.Deferred, но код тогда конечно получится кашобразный и трудный для восприятия.