JS 임의 색상은 여러 곳에서 사용됩니다. 예를 들어 태그 연결이 다채롭다는 것을 알 수 있습니다. 그럼 당신은 이것에 도달해야합니다. 아래에서 시작하세요:
총 2가지 방법이 있습니다. 하나는 아름다운 후보 색상 세트를 준비하는 것이고, 다른 하나는 무작위로 색상을 생성하는 것입니다.
구현 1
var range = thisObj || window;
var a = []
for ( var i=0, j=this.length; i < j; i ) {
a.push (fn.call(scope, this[i], i, this));
}
return a;
}
var getRandomColor = function(){
return '#' '0123456789abcdef'.split('').map(function(v,i,a){
return i>5 ? null : a[Math.floor(Math.random()*16)] }).join ('');
}
return '#' Math.floor(Math.random()*16777215).toString(16);
}
'#' 반환(Math.random()*0xffffff<<0).toString(16);
}
기본적으로 왼쪽 시프트 연산자를 사용하여 0xffffff를 정수로 변환하여 4의 개선 사항을 구현합니다. 이렇게 하면 16777215를 기억할 필요가 없습니다. 왼쪽 시프트 연산자의 우선순위가 곱하기 기호만큼 좋지 않기 때문에 무작위화 후에 왼쪽 시프트가 이루어지며 Math.floor도 사용되지 않습니다.
구현 6
var getRandomColor = function(){
return '#' (function(h){
return new Array(7-h.length).join("0") h
})((Math.random()*0x1000000<< ;0).toString(16))
}
구현 7
var getRandomColor = function(){
return '#' ('00000' (Math.random()*0x1000000<<0).toString(16)).substr(-6)
}
실제로 해보자: