estoy muy confundido, para explicar mi problema y he buscado en varias publicaciones aquí, pero no puedo encontrar la solución que estoy enfrentando. así que quiero preguntar, ¿es posible llamar a una matriz de datos en java script uno por uno después de hacer clic en el botón? explique que tengo un script aleatorio como este

 $(document).on("click", "#okok", function() { var myArray = [ "5", "8", "7", "2" ]; var randomItem = myArray[Math.floor(Math.random() * myArray.length)]; var nilai = document.getElementById("pr"); nilai.value = randomItem; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <textarea name="pr" id="pr"></textarea> <br> <input type="button" id="okok" value="Start">

el script anterior muestra los datos de la matriz uno por uno, pero al azar y no los ordena... así que quiero que los datos de la pantalla se clasifiquen y no al azar como 2, 5, 7, 8

Gracias