本文介绍如何在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;
} 通过上述逻辑,即可实现每次随机抽取颜色且保证颜色不重复的效果。