如何在JavaScript公斤磅转换工具中让输出结果保留4位小数？

解决方法 #

你可以使用JavaScript内置的toFixed()方法实现保留指定小数位的需求，该方法的入参就是你需要保留的小数位数，填4即可满足你的需求。
建议额外把从输入框获取的字符串类型的数值显式转为数字类型，避免出现异常运算问题。

修改后的完整JavaScript代码如下：

let kgbtn = document.getElementById('kg');
let poundbtn = document.getElementById('pound');

/* 公斤转磅逻辑 */
kgbtn.addEventListener('click', function() {
  // 显式将输入值转为数字类型
  let input = Number(document.getElementById('input').value);
  // 计算后调用toFixed(4)保留4位小数
  document.getElementById('output').value = (input / 2.205).toFixed(4) + "kg";                    
})

/* 磅转公斤逻辑 */
poundbtn.addEventListener('click', function() {
  let input = Number(document.getElementById('input').value);
  document.getElementById('output').value = (input * 2.205).toFixed(4) + "Pound";
})

补充说明 #

toFixed()返回的结果是字符串类型，刚好可以直接和单位文本拼接，不需要额外做类型转换。如果你后续需要拿输出结果做进一步的数值运算，再用Number()方法转成数字即可。

内容的提问来源于stack exchange，提问作者Gus05