前端 - 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;
    }
}

猜你喜欢

转载自blog.csdn.net/yanqianzq/article/details/89856362