前言

我們?cè)谄綍r(shí)寫代碼的時(shí)候偶爾會(huì)碰到進(jìn)制轉(zhuǎn)換的問(wèn)題，常見(jiàn)的有2進(jìn)制，8進(jìn)制，10進(jìn)制，16進(jìn)制之間的轉(zhuǎn)換，但是36進(jìn)制卻很少聽(tīng)過(guò)，這里就讓我們用JS來(lái)簡(jiǎn)單嘗試一下36進(jìn)制的實(shí)現(xiàn)吧

思考36進(jìn)制數(shù)的構(gòu)成

在開(kāi)始前，我們需要先理清楚36進(jìn)制的數(shù)字組成，這樣我們才能對(duì)36進(jìn)制數(shù)有一個(gè)清晰的認(rèn)識(shí)以及后續(xù)對(duì)數(shù)字的轉(zhuǎn)化。我們都知道，16進(jìn)制數(shù)是由 0-9 以及a-f 之間的字符所構(gòu)成，那么36進(jìn)制呢？，將 a-f 繼續(xù)后推20位，顯而易見(jiàn)，它的字母部分正好由a-z 26個(gè)英文字母構(gòu)成，所以36進(jìn)制數(shù)是由 0-9，a-z 所組成的

數(shù)值準(zhǔn)備

理清楚它的組成后，開(kāi)始思考，一個(gè)10進(jìn)制數(shù)經(jīng)過(guò)怎樣的轉(zhuǎn)化可以成為一個(gè)36進(jìn)制數(shù)呢？ 我們需要先準(zhǔn)備一個(gè)有36個(gè)數(shù)值的“倉(cāng)庫(kù)”數(shù)組，這個(gè)數(shù)組用來(lái)存放36進(jìn)制數(shù)的所有數(shù)值，當(dāng)10進(jìn)制數(shù)需要進(jìn)行進(jìn)制轉(zhuǎn)換的時(shí)候，根據(jù)數(shù)值進(jìn)入這個(gè)倉(cāng)庫(kù)取出36進(jìn)制數(shù)的值，在倉(cāng)庫(kù)中，0-9代表36進(jìn)制數(shù)的0-9，10-35代表36進(jìn)制數(shù)的a-z。代碼如下

function getNums36() { var nums36 = []; for(var i = 0; i < 36 ; i++) { if(i >= 0 && i <= 9) { // 存入0-9的數(shù)值 nums36.push(i) } else { // 存入a-z的數(shù)值 nums36.push(String.fromCharCode(i + 87)); // ASCII碼轉(zhuǎn)換 } } console.log(nums36,’--------’); // 檢查倉(cāng)庫(kù)的值 return nums36; }

實(shí)現(xiàn)

倉(cāng)庫(kù)構(gòu)建好后，我們開(kāi)始分解進(jìn)制轉(zhuǎn)化的過(guò)程。

首先對(duì)傳入的10進(jìn)制數(shù)進(jìn)行檢測(cè)，先進(jìn)行浮點(diǎn)數(shù)判斷，由于這里不討論浮點(diǎn)數(shù)的進(jìn)制轉(zhuǎn)換，所以直接返回。其次，進(jìn)行負(fù)數(shù)的檢測(cè)和處理，如果 n 為負(fù)數(shù)，調(diào)用Math.abs()方法將 n 轉(zhuǎn)化為正數(shù)。 檢測(cè)完成后，開(kāi)始進(jìn)行轉(zhuǎn)換

設(shè)立一個(gè)while循環(huán)，while內(nèi)部首先對(duì) n 值做36的取余處理，得到 res ,

var res = n % 36;

這里是要獲得這個(gè)10進(jìn)制數(shù)轉(zhuǎn)換為36進(jìn)制數(shù)的最低位的值，將res拋入倉(cāng)庫(kù)中，取得36進(jìn)制對(duì)應(yīng)的數(shù)值，用unshift存入arr首位。

arr.unshift(nums36[res]);

最低位處理完后，我們需要對(duì)這個(gè)數(shù)進(jìn)行進(jìn)位，處理更高位數(shù)的值

n = parseInt(n/36);

至此，完成一輪循環(huán)

我們用while不斷對(duì) n 進(jìn)行 res 的數(shù)值取余并不斷進(jìn)位，最后，可以將10進(jìn)制數(shù)轉(zhuǎn)化為36進(jìn)制數(shù)

注意，此時(shí)記得將之前設(shè)置的neg的負(fù)數(shù)判斷載首位加上

arr.unshift(neg)

最后，返回36進(jìn)制數(shù)

return arr.join('');

代碼

// 提供36位的表達(dá) 0-9 a-zfunction getNums36() { var nums36 = []; for(var i = 0; i < 36 ; i++) { if(i >= 0 && i <= 9) { nums36.push(i) } else { nums36.push(String.fromCharCode(i + 87)); } } return nums36;}function scale36(n) { // 單獨(dú)的功能函數(shù) // 16進(jìn)制數(shù)： 0-9 a-f 36進(jìn)制數(shù)： 0-9 a-z const arr = []; var nums36 = getNums36(); // 36 10 if(!Number.isInteger(n)){//浮點(diǎn)數(shù)判斷，目前不支持小鼠 console.warn(’不支持小數(shù)轉(zhuǎn)換’); return n; } var neg = ’’; if(n < 0){//對(duì)負(fù)數(shù)的處理 neg = ’-’; n = Math.abs(n) } while(n) { var res = n % 36; console.log(res,’+++++++’); arr.unshift(nums36[res]); // 進(jìn)位 n = parseInt(n/36); console.log(n,’---------’); } arr.unshift(neg) return arr.join('');}console.log(scale36(20)); // 10擴(kuò)展7進(jìn)制數(shù)的實(shí)現(xiàn)

這套模板同樣適用于10進(jìn)制對(duì)其他進(jìn)制的轉(zhuǎn)換，我們只需要修改一下倉(cāng)庫(kù)的數(shù)值，這里以一道LeetCode的7進(jìn)制題目為例

504. 七進(jìn)制數(shù)給定一個(gè)整數(shù)，將其轉(zhuǎn)化為7進(jìn)制，并以字符串形式輸出。

示例 1:輸入: 100 輸出: '202'

先準(zhǔn)備7進(jìn)制數(shù)的數(shù)值倉(cāng)庫(kù)

function getNums7() { var nums7 = []; for(var i = 0; i < 7 ; i++) { nums7.push(i) } return nums7;}

再對(duì)取余的數(shù)值以及進(jìn)位進(jìn)行修改，就可以完成模板復(fù)用了

var res = n % 7;n = parseInt(n/7);代碼function getNums7() { var nums7 = []; for(var i = 0; i < 7 ; i++) { nums7.push(i) } return nums7;}var convertToBase7 = function(num) { // 單獨(dú)的功能函數(shù) const arr = []; var nums7 = getNums7(); var neg = ’’; if(num < 0){//對(duì)負(fù)數(shù)的處理 neg = ’-’; num = Math.abs(num) } if(num == 0) { return num + ''; } while(num) { var res = num % 7; // 對(duì)高位數(shù)據(jù)進(jìn)行截取 arr.unshift(nums7[res]); // 進(jìn)位 num = parseInt(num/7); } arr.unshift(neg); return arr.join('');}小結(jié)

從這個(gè)例子可以看出，只要稍加修改，我們就可以舉一反三完成10進(jìn)制對(duì)其他進(jìn)制的隨意轉(zhuǎn)換，核心在于 res 的取余 以及 倉(cāng)庫(kù)數(shù)值的構(gòu)建 ，我們通過(guò)不斷進(jìn)位和while循環(huán)，最終就可以拿到我們想要的進(jìn)制數(shù)

到此這篇關(guān)于JS 實(shí)現(xiàn)10進(jìn)制轉(zhuǎn)換36進(jìn)制的文章就介紹到這了,更多相關(guān)JS 實(shí)現(xiàn)10進(jìn)制轉(zhuǎn)換36進(jìn)制內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！