如何使用 html css js 生成用于排序可视化器目的的随机大小数组？

Posted 2023-02-18

【中文标题】如何使用 html css js 生成用于排序可视化器目的的随机大小数组？

【英文标题】：how to generate random size array for sorting visualizer purpose using html css js?

【发布时间】：2021-03-31 08:13:38

【问题描述】：

Array_picture

我目前正在开发一个项目排序可视化工具，我需要帮助来生成数组，就像给定的图片一样。请帮帮我

【问题讨论】：

欢迎来到 Stack Overflow！请拨打tour，访问help center，并阅读asking good questions。在做了一些研究和searching 了解 SO 的相关主题之后，自己尝试一下。如果您卡住了，请在您卡住的地方准确地发布您的尝试注释的Minimal, Complete, and Verifiable example。人们会很乐意提供帮助。

简单而有趣

【参考方案1】：

此函数将为您生成一个带有随机数（范围由您确定）的随机长度数组，您可以在可视化工具中使用它。

function createRandomSizeArray(minArrayLength, maxArrayLength, minColumnHeight, maxColumnHeight)
   let ArrayLength = getRandomInt(minArrayLength, maxArrayLength);
   let arr = new Array(ArrayLength);
   for(let i = 0; i< arr.length; i++)
      arr[i] = getRandomInt(minColumnHeight, maxColumnHeight);
   
   
   return arr;


function getRandomInt(min, max) 
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;


console.log(createRandomSizeArray(5, 10, 2, 100));