JavaScript:十進位轉二進位指定位數補0
2021/12/15
萌芽站長
1,192 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
Toastr:最佳的通知提示 jQuery 插件
📆 2019-07-01
📁
網站技術, JavaScript, jQuery
Highlight Matching Tag(Visual Studio Code 擴充功能):HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁
軟體應用, 網站技術, HTML
JavaScript:表單焦點/非焦點偵測變換圖片(可以做得很可愛的偵測特效!)
📆 2018-12-29
📁
網站技術, HTML, JavaScript
PHP:瀏覽次數原碼
📆 2013-01-01
📁
網站技術, PHP
Caddy Server:快速建置一個擁有 HTTPS 的 localhost 網頁伺服器(Windows 環境)
📆 2025-01-21
📁
軟體介紹, 軟體應用, 網站技術, 伺服器
Bracket Pair Colorizer(Visual Studio Code 擴充功能):匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁
軟體應用, 網站技術
Global DNS Propagation Checker:檢查全球 DNS 傳播、生效狀態
📆 2018-08-20
📁
網路應用, 網站技術, 架站資源
React 初嘗試:不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁
網站技術, HTML, JavaScript, React
留言區 / Comments
萌芽論壇