前端 - js - 编程题24 - 颜色字符串转换（牛客网）

转自：https://www.jianshu.com/p/a523b7271d01

将 rgb 颜色字符串转换为十六进制的形式，如 rgb(255, 255, 255) 转为 #ffffff
1. rgb 中每个 , 后面的空格数量不固定
2. 十六进制表达式使用六位小写字母
3. 如果输入不符合 rgb 格式，返回原始输入

 

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=new RegExp(/^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;
    }
}