JavaScript中字符串与16进制之间的转换

时间：2021-07-30 16:03:08

一、字符串转换为16进制

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>字符串转16进制</title>

    <link rel="stylesheet" href="">

</head>

<body>

    <input type="text" id="demo1">

    <button onclick="stringToHex()">字符串转16进制</button>

    <p id="demo2"></p>

    <script>

        function stringToHex(){

            var str = document.getElementById("demo1").value;

            var val = "";

            for (var i = 0; i < str.length; i++) {

                if (val == "") {

                    val = str.charCodeAt(i).toString(16);        //获取字符的Unicode码然后转16进制

                } else {

                    val += "," + str.charCodeAt(i).toString(16);//获取字符的Unicode码然后转16进制再拼接,中间用逗号隔开

                }

            }

            document.getElementById("demo2").innerHTML = val;

        }

    </script>

</body>

</html>

二、十六进制转字符串

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>十六进制转换为字符串</title>

    <link rel="stylesheet" href="">

</head>

<body>

    <input type="text" id="demo1">

    <button onclick="hexToString()">十六进制转字符串</button>

    <p id="demo2"></p>

    <script>

        /**

         * 将16进制字符串进行分组,每两个一组

         * @param  {[String]} str [16进制字符串]

         * @return {[Array]}     [16进制数组]

         */

        function groupArray(str){

            var result = new Array();

            for (var i = 0; i < str.length/2; i++) {

                var aa = str.slice(i*2, (i+1)*2);

                result.push(aa);

            }

            return result;

        }

        function hexToString(){

            var str = document.getElementById("demo1").value;

            var arr = groupArray(str);    //将16进制字符串进行每两个分组

            var val = "";

            for (var i = 0; i < arr.length; i++) {

                val += String.fromCharCode(parseInt(arr[i], 16));    //将分组后的16进制字符串转10进制Unicode码,然后将Unicode码转换为字符

            }

            document.getElementById("demo2").innerHTML = val;

        }

    </script>

</body>

</html>

相关文章