JavaScript數學對象之數字進制轉換

更新時間：2023年05月22日 11:21:14 作者：陸榮濤

這篇文章主要為大家講解了JavaScript數學對象——數字進制轉換的實現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

數字進制轉換

什么是進制

進制就是達到指定位置時候進一位

常見的進制

十進制: 0 1 2 3 4 5 6 7 8 9 10 11 12 ... 99 100 101

二進制: 0 1 10 11 100 101 110 111 1000

八進制: 0 1 2 3 4 5 6 7 10 11 12 13 14 15 16 17 20 21

十六進制: 0 1 2 3 4 5 6 7 8 9 a b c d e f 10 ... 19 ... 1a 1b 1c 1d 1e 1f 20 21 ...

十進制轉換成其它進制

toString() 方法可以在數字轉成字符串的時候給出一個進制數

語法： toString(你要轉換的進制)

返回值：轉換好進制以后的數字

■轉換好的數字是字符串類型

var num = 100
console.log(num.toString(2)) // 1100100
console.log(num.toString(8)) // 144
console.log(num.toString(16)) // 64

其它進制轉換成十進制

parseInt() 方法可以在字符串轉成數字的時候把字符串當成多少進制轉成十進制

語法： parseInt(要轉換的字符串，當作幾進制來轉換)

返回值：轉換后的數字你把數字當做幾進制使用, 轉換成十進制

■結果是數字類型

var str = 100
console.log(parseInt(str, 8)) // 64 把 100 當作一個 八進制 的數字轉換成 十進制 以后得到的
console.log(parseInt(str, 16)) // 256 把 100 當作 十六進制 的數字轉換成 十進制 以后得到的
console.log(parseInt(str, 2)) // 4 把 100 當作 二進制 的數字轉換成 十進制 以后得到的

保留小數位

作用：toFixed() 方法可把 Number 四舍五入為指定小數位數的數字。

語法：數字.toFixed(要保留的小數點后的位數)

返回值：返回一個小數點后有固定的多少位數字的數字，是一個字符串類型

小數位不夠的時候, 使用 0 補齊

var n = 100.123
// 把 n 保留 2 位小數以后賦值給 res
var res = n.toFixed(2)
console.log(res) //100.12
//返回的是字符串類型
console.log(typeof res); //string
//保留的小數位數多余原數字的小數位數
var res1 = n.toFixed(4)
console.log(res1) //100.1230  保留的位數不夠用0補齊

案例-隨機整數封裝

function fn(a, b) {
  // 1. 確定兩個數字的大小關系
  var min = Math.min(a, b)
  var max = Math.max(a, b)
  // 2. 求出兩數差
  var sub = max - min
  // 3. 求出 0 ~ sub 之間的隨機整數
  var r1 = Math.floor(Math.random() * (sub + 1))
  // 4. 把 r1 + min
  var res = r1 + min
  return res
}
//優(yōu)化上述方案1:
function fn(a, b) {
  // 1. 確定兩個數字的大小關系
  var min = Math.min(a, b)
  var max = Math.max(a, b)
  return Math.floor(Math.random() * (max - min + 1)) + min
}
// 優(yōu)化上述方案2:
function fn(a, b) {
  return Math.floor(Math.random() * (Math.abs(a - b) + 1)) + Math.min(a, b)
}

案例-封裝函數返回隨機顏色字符串

//  這是我們分裝好的 獲取隨機整數的方法
function randomNum(a, b) {
    return Math.floor(Math.random() * (Math.abs(a - b) + 1)) + Math.min(a, b)
}
// rgb 顏色實現(xiàn)
// 先定義一個函數
function randomColor() {
    // 定義一個顏色
    var color = ''
    // 設置我們的顏色
    var r = randomNum(0, 255)
    var g = randomNum(0, 255)
    var b = randomNum(0, 255)
    // 把我們的顏色拼接成rgb的格式
    color = `rgb(${r},${g},$)`
    // 返回我們定義的顏色
    return color
}
// 十六進制的顏色實現(xiàn) 
function randomColor() {
    // 定義一個字符串 , 因為是十六進制的所以我們在定義的時候就加上#
    var color = '#'
    // 因為我們需要三個隨機數,我們就循環(huán)三次
    for (var i = 0; i &lt; 3; i++) {
        // 得到0-255之間的隨機數
        var r = randomNum(0, 255)
        // 判斷我們得到的隨機數是不是小于16,因為小于16的數轉成
        // 十進制是一位,不能滿足我們的顏色要求 , 需要我們補一個 0 
        r = r &lt; 16 ? '0' + r.toString(16) : r.toString(16)
        // 拼接到我們的顏色字符串上
        color += r
    }
    // 返回我們定義的顏色
    return color
}
// // 使用
var res = randomColor()
console.log(res);
// document.body.style.backgroundColor = res

以上就是JavaScript數學對象——數字進制轉換的詳細內容，更多關于JavaScript數字進制轉換的資料請關注腳本之家其它相關文章！

您可能感興趣的文章: