JavaScript:十進位轉二進位指定位數補0
2021/12/15
萌芽站長
1,396 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
Elveshost 精靈主機:購買「增強型虛擬主機」快速建置 WordPress 部落格!
📆 2023-08-27
📁
網站技術, 伺服器, 架站程式, 架站資源, WordPress
Weather Icons:免費天氣圖標、可用於網頁或 APP、日夜圖示皆有
📆 2019-01-26
📁
網站技術, HTML, CSS, JavaScript
Bootstrap 3.4.1:多彩改良式可折疊面板
📆 2021-10-27
📁
網站技術, HTML, CSS, Bootstrap
Sublime Text:程式與文字編輯器、程式語言標記,附中文化教學
📆 2018-09-28
📁
軟體介紹, 網站技術, 程式設計
CSS background-image 動態下橫線(底線)
📆 2020-08-26
📁
網站技術, CSS
Free Online Image Map Generator:自動生成 HTML Image Map 影像地圖原始碼
📆 2018-10-25
📁
網路應用, 網站技術, HTML
CSS:全新 text-autospace 混排自動間距
📆 2025-07-15
📁
網站技術, 資訊新聞, CSS
Node-RED:製造亂數顯示到儀表板的小練習
📆 2021-10-12
📁
網站技術, 物聯網, Node.js, Node-RED
留言區 / Comments
萌芽論壇