全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  html5技术干货  >  详情

如何在JavaScript中将十进制转换为十六进制

来源:千锋教育
发布人:wjy
2023-01-11

推荐

在线提问>>

  在本文中,我们将学习如何在 JavaScript 中轻松地将十进制数转换为其等效的十六进制数。我们将研究一些需要执行此操作的真实场景。

  数字 toString() 方法

  要在 JavaScript 中将十进制转换为十六进制,请对十进制调用 toString() 方法,将 16 作为基数参数传递,即 num.toString(16)。toString() 方法将以十六进制形式返回数字的字符串表示形式。

  例如:

如何在JavaScript中将十进制转换为十六进制1

  Number toString() 方法返回数字的字符串表示形式。如果第一个参数指定了基数,则数字以该基数表示。我们传递 16 以使用基数 16,这是十六进制基数。

  十六进制使用 16 个符号来表示数字:

  0 到 9 表示值 0 到 9

  a 到 f(A 到 F)表示值 10 到 16。字母不区分大小写,因此 3C2b 与 3c2B 的值完全相同。

  在数字文字上调用 toString()

  如果直接对数字文字调用 toString(),请确保将其括在括号 (( )) 中或使用两个点 (..before toString():

如何在JavaScript中将十进制转换为十六进制2

  如果你只使用一个不带括号的点,JavaScript 解析器会将其视为数字文字的一部分——小数点——而不是成员访问运算符。

如何在JavaScript中将十进制转换为十六进制3

  所以会出现错误,因为在成员名称之前没有成员访问运算符。

如何在JavaScript中将十进制转换为十六进制4

  因此,您将数字括在括号中,以便它们之外的所有内容都被视为与数字分开。

如何在JavaScript中将十进制转换为十六进制5

  或者您添加第二个点,它将被视为成员访问运算符。

如何在JavaScript中将十进制转换为十六进制6

  用例:将 RGB(A) 转换为十六进制

  将十进制值转换为十六进制值的一种常见用途是将 RGB 颜色代码转换为其等效的十六进制值。我们可以这样做:

如何在JavaScript中将十进制转换为十六进制7

  我们创建了一个可重用的 rgbToHex() 函数来将 RGB 代码转换为其等效的十六进制代码。

  我们使用 padToTwo() 函数将十六进制代码填充为两位数,例如 f -> 0f。

  在将 R、G 和 B 的十进制值转换为十六进制表示后,我们将它们连接到一个以 # 字符为前缀的字符串中,以形成十六进制颜色代码。

  我们可以修改该函数以使其也接受 RGBA 值,其中 A 是用于指定颜色不透明度的百分比值(介于 0 和 1 之间)。A 将是十六进制颜色代码的前两个字符,其值介于 00(0 或 0%)和 ff(255 或 100%)之间.

如何在JavaScript中将十进制转换为十六进制8

相关文章

js获取class属性的值

什么是事件委托?javascript事件委托的实现原理

9个JSON.stringify的秘密大多数开发人员却不知道

TypeScript中必须知道的6个泛型方法

如何在JavaScript中将十进制转换为十六进制

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取