JavaScript实现从指定颜色列表中随机抽取不重复颜色
作者:函数茶馆时间:2026-10-27 15:55:02浏览:112
本文介绍如何在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;
} 通过上述逻辑,即可实现每次随机抽取颜色且保证颜色不重复的效果。
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
