JavaScript:十進位轉二進位指定位數補0
2021/12/15
萌芽站長
1,293 1
網站技術 , JavaScript
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
大家應該都知道在 JavaScript 中,只要簡單使用 .toString(2) 方法就能將十進位轉成二進位,但轉成二進位後要如何指定位數在左側補0以方便後續處理呢?站長找到了 .padStart() 方法,能用指定的字串填充當下的字串至指定位數為止,如果需要的話會重複多次。對了!如果要補在右側也是可以的,只要使用 .padEnd() 方法即可。
這邊給一個簡短的示範:
var x = 123;
var bin = x.toString(2);
var bin0 = bin.padStart(16, "0");
var output = "十進位轉二進位指定16位數補0 = " + bin0;
document.write(output);
輸出結果會是:
十進位轉二進位指定16位數補0 = 0000000001111011
一開始我先把 123 (x) 用 .toString(2) 方法將十進位轉換為二進位 (bin),接著再用 .padStart(16, "0") 指定將字串用成 16 位數 (bin0),不夠就補0,最後加上敘述後輸出 (output)。
CodePen
See the Pen
JavaScript:十進位轉二進位、八進位、十六進位 by Feng, Cheng-Chi (@qwe987299)
on CodePen.

▲ 精選圖片。
贊助廣告 ‧ Sponsor advertisements
HTTP/3 Check:快速線上檢測指定網站是否支援最新的 HTTP/3 協議
📆 2024-04-28
📁
網路應用, 網站技術, 伺服器
使用 Docker 安裝及運行 Node-RED 教學
📆 2021-12-08
📁
網站技術, 物聯網, Node.js, Node-RED
Elveshost 精靈主機:購買「增強型虛擬主機」快速建置 WordPress 部落格!
📆 2023-08-27
📁
網站技術, 伺服器, 架站程式, 架站資源, WordPress
HTML:<head>
📆 2014-01-04
📁
網站技術, HTML
CSS:CSS總介紹
📆 2013-01-01
📁
網站技術, CSS
GitHub Desktop:建立、上傳專案教學,公開自己的專案到 GitHub 吧!
📆 2019-04-04
📁
軟體介紹, 軟體應用, 網路應用, 網站技術
CSS unicode-range 描述自定義字體中使用的字元範圍(Unicode 區段)
📆 2020-04-09
📁
網站技術, CSS
Beautify(Visual Studio Code 擴充功能):美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁
軟體應用, 網站技術
留言區 / Comments
萌芽論壇