题目:
将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff
1. rgb 中每个 , 后面的空格数量不固定
2. 十六进制表达式使用六位小写字母
3. 如果输入不符合 rgb 格式,返回原始输入
输入:'rgb(255, 255, 255)'
输出:#ffffff
我的解法:
1.首先用正则表达式判断输入的字符串是否符合rgb格式,不符合就返回原始输入。
2.将字符串中的数字分离出来存入一个数组。
3.判断数组中每一个字符串是否满足0-255的区间范围,若是,则将其转换成int类型再用toString(16)方法将其转换成16进制。
4.将转换成的字符串拼接后与"#"拼接,注意"#"在前面。
注意:
这道题有几个比较容易忽视的地方,一个是“rgb 中每个 ", "后面的空格数量不固定”,在写正则表达式的时候需要在逗号后加"\s*";二是分离字符串的时候要把分离起始位置写对,slice(4,-1)代表从下标为4的字符开始,一直到倒数第一个字符(不包括倒数第一个字符);三是将数字转换成16进制时如果小于32,则只会有一位16进制数,与题目要求不符,这时候需要在其前面添加“0”,再用slice(-2)就能保证不管转换成1位还是2位都能取到两位。
代码如下:
function rgb2hex(sRGB) {
var reg = /^rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\)$/;
if(reg.test(sRGB)){
var num = sRGB.slice(4,-1).split(',');
var res = "#";
for(var i=0; i<num.length; i++){
if(num[i]>=0 && num[i]<=255){
num[i] = ('0' + parseInt(num[i]).toString(16)).slice(-2);
res += num[i];
}else{
return sRGB;
}
}
return res;
}else{
return sRGB;
}
}