Измените значение iframe sr c в поле значения из массива javascript

Question

У меня есть этот случай, я поставил идентификатор от 1 до 5, и это работает, но из-за строгого порядка массива javascript, я должен поддерживать старый или неиспользованный URL, чтобы получить правильную страницу в iframe, если список URL - это 85 или 100 сайтов URL, это будет расширенный список URL.

Мой вопрос: как я могу оптимизировать массив, если я хочу получить только 5 URL, но со случайным идентификатором? вот так:

• id 2 = https://www.app.com/
• id 5 = https://www.tools.com/
• id 7 = https://www.pixar.com/
• id 8 = https://www.hotmail.com/
• id 10 = https://www.zoho.com/

Это исходный код со строгим порядком массива, заранее спасибо:

<input type="text" id="id" value="ee" />
<input id="boton" style="cursor:pointer" type="button" value="Get iFrame ID" />

<iframe id="frame" width="400" height="600" src="https://cedlat.org/wp-content/uploads/2019/05/Hola_004.png"></iframe>


<script>
var frame = document.getElementById("frame");
var field = document.getElementById("id");
var btn = document.getElementById("boton");

var urls = [
    //1
    "https://www.app.com/",
    //2
    "https://www.tools.com/",
    //3
    "https://www.pixar.com/",
    //4
    "https://www.hotmail.com/",
    //5
    "https://www.zoho.com/",
    ];


btn.addEventListener("click",send)

function send (){
    var valor = field.value;
    link (valor)
    }

function link (idurl){
    frame.src = urls[idurl-1];
    }

</script>