[ksa]

Прочитал что нужно использовать async/await, но как конкретно не понял.

Например вот так

(async _ => {
	const val = await test()
	alert(val)
})()

function test() {
	return new Promise((resolve) => {
		setTimeout(_ => resolve('ok'), 2000)
	})
}

Как в моем случае получить значения массива urlArr за пределами Promise?

Почему многие так стараются "притянуть" асинхронные действия к виду синхронных?

В твоем примере ты и так получишь ответ от "промиса". Но тебе почему-то нужно это получить не в then, а именно после вызова промиса.
Возможно такое начинают творить не понимая как можно работать с асинхронными действиями?

Judgin, у тебя ведь получается целый массив таких промисов... Запросто можно применить промисное АПИ. Или цепочку промисов, если она требуется...