JavaScript:十進位轉二進位指定位數補0
2021/12/15
萌芽站長
1,610 8
網站技術 , 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
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁
網站技術, 架站程式
CSS Scrollbars 自定義捲軸樣式(僅支援 Firefox)
📆 2021-12-16
📁
網站技術, CSS
PHP:尋找 php.ini 路徑及 php.ini-development 與 php.ini-production 是什麼?
📆 2021-10-21
📁
網站技術, 伺服器, PHP
【論壇經營】Discuz! X3.1 修復無法修改頭像
📆 2014-11-08
📁
網站技術, 架站程式, Discuz!
JavaScript:表單焦點/非焦點偵測變換圖片(可以做得很可愛的偵測特效!)
📆 2018-12-29
📁
網站技術, HTML, JavaScript
FUXA:設定登入密碼教學(完整安全管理步驟與圖解指南)
📆 2025-09-19
📁
網站技術, 伺服器, 物聯網, Node.js
XAMPP & Tomcat:建立 JSP 運行環境 & 讓 JSP 連接 SQL 資料庫
📆 2018-12-29
📁
軟體應用, 網站技術, 伺服器, 資料庫, JSP, SQL
Node.js:Yarn 專案初始化、gulp.js 任務管理工具安裝與使用
📆 2019-03-24
📁
網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
留言區 / Comments
萌芽論壇