JavaScript 生成0-9不重复四位随机数实现

作者:木棉

时间:2026-10-23

浏览:611

本文介绍如何使用JavaScript生成0到9之间不重复的四个随机数字。通过定义随机数生成函数并配合数组长度判断与遍历去重逻辑,实现点击按钮后弹出包含四个不重复数字的数组结果,适用于前端基础算法示例。

文章目录

JavaScript生成不重复随机数实现

以下代码展示了如何在JavaScript中生成0到9之间不重复的四个随机数字,供参考使用。

HTML部分包含一个按钮元素,用于触发随机数生成逻辑。


 <input type="button" value="随机生成4位数" onclick="f1()">

JavaScript脚本定义了点击事件处理函数,核心逻辑包括生成随机数、检查数组长度以及通过遍历确保数字不重复。


function f1(){
	var arr_4=new Array()
	function getRandom(min,max)													//开始取数
		{																						
																				//随机数
			var random = Math.random()*(max-min)+min;
																		//向下取整
			random = Math.floor(random);
		
			if(arr_4.length < 4)							//判断数组长度
			{	
				for(i=0;i<=arr_4.length;i++)				//遍历数组。
				{
					if(random==arr_4[i])					//比较随机数
					{	
						break;
					}
					else								
					{
						if(i==arr_4.length)
						{arr_4.push(random);break;}
					}
				};
				getRandom(0,10);
			}
			
		}
		getRandom(0,10);		//随机取0-9
	alert(arr_4)
	}

上述内容介绍了生成0到9不重复四位随机数的完整实现,希望能为读者提供实用参考。如有任何疑问,欢迎留言交流,作者将及时回复。感谢对本站的支持。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章