颜色字符串转换

题目:

将 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

            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;

    }

}

你可能感兴趣的:(颜色字符串转换)