js:进制转换、保留指定位数小数、RGB/Hex颜色色值转换

简介: js:进制转换、保留指定位数小数、RGB/Hex颜色色值转换

将十进制转换为二进制、八进制或十六进制


let num = 43;
// 二进制
console.log(num.toString(2));
// 101011
// 八进制
console.log(num.toString(8));
// 53
// 十六进制
console.log(num.toString(16));
// 2b

保留指定位小数


let num = 3.141592653;
// 保留2位小数
console.log(num.toFixed(2));
// 3.14
// 保留4位小数
console.log(num.toFixed(4));
// 3.1416

颜色色值转换,代码来自Copilot提示


/**
 * RGB to Hex
 * @param {Number} r 
 * @param {Number} g 
 * @param {Number} b 
 * @returns 
 */
function rbg2Hex(r, g, b) {
  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}
/**
 * Hex to RGB
 * @param {String} hex 
 * @returns 
 */
function hex2Rgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}
console.log(rbg2Hex(255, 0, 0)); // #ff0000
console.log(hex2Rgb('#FF0000')); // { r: 255, g: 0, b: 0 }
console.log(rbg2Hex(255, 0, 200)); // #ff00c8
console.log(hex2Rgb('#ff00c8')); // { r: 255, g: 0, b: 200 }
相关文章
|
5天前
|
JavaScript 前端开发
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
31 0
|
5月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
137 0
|
5月前
|
JSON JavaScript 数据格式
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
189 0
|
1月前
|
JavaScript 前端开发 Java
JavaScript 保留关键字
JavaScript 保留关键字
17 2
|
1月前
|
JavaScript
js 保留2位小数
js 保留2位小数
|
4月前
|
JavaScript 前端开发 Java
JavaScript小数四舍五入的代码
JavaScript小数四舍五入的代码
46 8
|
4月前
|
缓存 JavaScript 前端开发
如何编写高质量 JavaScript 代码 经验无保留分享
编写高质量JavaScript代码涉及易读性、性能和健壮性。保持代码格式统一,避免魔术数字,采用单一功能原则,减少嵌套。优化算法,利用内置方法,减少作用域链查找,避免重复代码。使用新语法增强健壮性,确保代码可扩展,避免副作用,整合逻辑关注点。注释、异常处理、测试等也是关键。
33 3
|
3月前
|
JavaScript
js 生成随机数(含随机颜色)
js 生成随机数(含随机颜色)
23 0
|
4月前
|
JavaScript
必知的技术知识:js保留二位小数
必知的技术知识:js保留二位小数
337 0
|
4月前
|
JavaScript 前端开发
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
55 0