JS进制的转换

Eureka464

已于 2022-05-09 09:28:21 修改

阅读量219

点赞数

文章标签： javascript vue.js elementui

于 2022-05-07 17:53:39 首次发布

本文链接：https://blog.csdn.net/weixin_70227543/article/details/124635636

版权

toString----用来将10进制转换为其他进制

语法：10进制数字.toString(进制数)

<script>
        var a=110
        console.log(a.toString(2))//转为二进制
        console.log(a.toString(8))//转为8进制
        console.log(a.toString(16))//转为16进制
    </script>

parseInt----将其他进制转换成10进制

语法：parseInt(数据，进制数)

<script>
        //16进制转换成10进制
        var str='e'
        var str1=parseInt(str,16)
        console.log(str1)
        // 8进制转换形成10进制
        var b=155
        var b1=parseInt(b,8)
        console.log(b1)
        // 2进制转换成10进制
        var arr=1010111000
        var num=parseInt(arr,2)
        console.log(num)
    </script>

进制的实操案例----随机页面背景颜色

拓展：Math.random()-----随机数据(0~1之间的随机小数，可能会是0，不可能是1)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body{
        background-color: rgb(255, 0, 0);
    }
</style>
<body>
    <button id="btn">按钮</button>
</body>
<script>
    btn.onclick=function(){
        var color='rgb('
        var arr=[]//建一个新数组
        // rgb有三个随机数
        for(var i=1;i<=3;i++){
            var num=parseInt(Math.random()*256)
        //有255个数，math.random范围为0-1，所以要*256才能在0-255之间有随机数
        arr.push(num)//随机数添加到新数组里面
        }
        var str=arr.join(',')//用，将数组拼接起来
        color+=str;
        color+=')';
        document.body.style.backgroundColor=color
    }
</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机颜色</title>
</head>
<style>
    body{
        background-color: rgb(255, 0, 0);
    }
</style>
<body>
    <button id="btn">按钮</button>
</body>
<script>
    btn.onclick=function(){
        var color ='#'
        for(var i=1;i<=3;i++){
            var num = parseInt(Math.random()*256)
            //转换成16进制
            color+= num.toString(16).length===1 ? '0' + num.toString(16) : num.toString(16)
            
        }
        console.log(color)
        document.body.style.backgroundColor= color
    }
</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body{
        background-color: rgb(255, 0, 0);
    }
</style>
<body>
    <button id="btn">按钮</button>
</body>
<script>
    btn.onclick=function(){
        var color ='#'
        for(var i=1;i<=3;i++){
            var num = parseInt(Math.random()*256)
            //转换成16进制
            color+= num.toString(16)
            if(num.toString(16).length===1){ 
            '0' + num.toString(16) }
                                     else{
                                         num.toString(16)
                                          }
            
        }
        console.log(color)
        document.body.style.backgroundColor= color
    }
</script>
</html>