反转数组使用知识点：
- 可直接使用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>
版权声明：本文为ZQY1436556395原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。