可视化冒泡排序

Question

我想制作一个可以可视化冒泡排序技术的页面 例如在第一行显示冒泡排序中的第一个操作，在第二行显示第二个。

用户可以输入数字，然后他每 500 毫秒查看一次，例如排序机制采取的每一步

基本上这就是我想要显示的内容：

Iteration 1: [5,3,1,4,6] → [3,5,1,4,6] → [3,1,5,4,6] → [3,1,4,5,6] → [3,1,4,5,6]
Iteration 2: [3,1,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6]
Iteration 3: [1,3,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6] → [1,3,4,5,6]

我的大脑融化了^^

Answer 1

因此，JavaScript 中的 setTimeout(function, milliseconds) 函数将一个函数作为第一个参数，然后将每 'milliseconds' 毫秒执行一次。

在函数中，您必须实现一种算法，该算法将冒泡排序的一步求解为作为参数获取的数组。下次调用该函数时，您必须确保它获取更新的数组。 你可能也可以考虑一下你的可视化，只是普通的数组不漂亮，也许你可以画条什么的。