JavaScript实现从指定颜色列表中随机抽取不重复颜色

作者:函数茶馆

时间:2026-10-27

浏览:111

本文介绍如何在JavaScript中从预定义的10种颜色列表中随机抽取颜色,并确保每次抽取的颜色不重复。核心思路是通过Math.random生成随机索引,获取对应颜色后,利用splice方法将该颜色从原数组中移除,从而保证后续抽取时不会重复。

文章目录

JavaScript实现从指定颜色列表中随机抽取不重复颜色

在开发过程中,若需从预设的10种颜色中随机选取颜色,且要求每次选取的颜色互不相同,可采用以下实现方案。


具体代码实现如下所示:

 
var colorList = ["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C"];
for(var i=0;i<lineList.length;i++){
var bgColor = getColorByRandom(colorList);
} 
function getColorByRandom(colorList){
var colorIndex = Math.floor(Math.random()*colorList.length);
var color = colorList[colorIndex];
colorList.splice(colorIndex,1);
return color;
} 

通过上述逻辑,即可实现每次随机抽取颜色且保证颜色不重复的效果。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章