十进制转二进制（含反转数组的3种方法）

最新推荐文章于 2022-11-01 20:19:33 发布

Evelyn-zhou

最新推荐文章于 2022-11-01 20:19:33 发布

阅读量561

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/ZQY1436556395/article/details/106601792

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

反转数组使用知识点：

可直接使用reverse（）方法直接反转
使用pop()方法，返回值是删除的项且是从数组后面开始删除
使用push()：接受任意数目的参数并添加到数组的末尾，返回值是新数组的长度

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input id="dec-number" type="number" placeholder="输入一个十进制非负整数">
    <button id="trans-btn">转化为二进制</button>
    <p id="result">运算结果</p>
    <script>
        const result = document.getElementById('result');
        const transBtn = document.getElementById('trans-btn');
        transBtn.onclick = function () {

            const value1 = Number(document.querySelector('#dec-number').value);

            dec2bin(value1);
        };

        function dec2bin(value1) {

            if (value1 < 0) {
                alert('请输入非负整数')
            } else {
                var res = binary(value1);
                result.innerHTML = "运算结果为：" + res;
            }
        }

        function binary(num) {
            var resArry = [],
                xresArry = [];
            while (num > 0) {
                resArry.push(num % 2);
                num = parseInt(num / 2);

            }
            //反转数组的3种方法：
            //   1. xresArry = resArry.reverse()
            //  2.for(i = resArry.length-1;i>0;i--){
            //   xresArry.push(resArry[i]);

            // }
            while (resArry.length !== 0) {
                xresArry.push(resArry.pop())
            }
            return xresArry.join().replace(/,/g, "");

        }


        // 实现党点击转化按钮时，将输入的十进制数字转化为二进制，并显示在result的p标签内
        // Some coding
    </script>
</body>

</html>

Evelyn-zhou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
十进制转二进制（含反转数组的3种方法）

反转数组使用知识点：可直接使用reverse（）方法直接反转使用pop()方法，返回值是删除的项且是从数组后面开始删除使用push()：接受任意数目的参数并添加到数组的末尾，返回值是新数组的长度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
复制链接

扫一扫