js截取 数字的后四位

### JavaScript 截取字符串至小数点后两位 在处理数值并将其精确到小数点后两位时，有多种方法可以实现这一目标。以下是几种常见的方式： #### 使用 `substring` 方法 通过将浮点数转换为字符串，再利用 `substring` 函数来提取所需部分。 ```javascript function getFormattedNumber() { var s = 22.127456 + ""; var str = s.substring(0, s.indexOf(".") + 3); console.log(str); // 输出: 22.12 } ``` 这种方法简单直观，但需要注意的是它不会自动四舍五入[^1]。 #### 正则表达式替换法 采用正则表达式匹配模式，能够更灵活地控制输出格式。 ```javascript var a = "28.456322"; var re = /^(\d+\.\d{2})/; var formattedValue = a.replace(re, "$1"); console.log(formattedValue); // 输出: 28.45 ``` 此方式适用于需要严格遵循特定格式的情况，并且同样不涉及四舍五入操作。 #### 利用 `Math.round()` 进行四舍五入 对于希望得到经过四舍五入后的结果而言，这是最常用也是最为推荐的做法之一。 ```javascript var num = 28.127456; var roundedNum = Math.round(num * 100) / 100; console.log(roundedNum.toString()); // 输出: 28.13 ``` 这种方式不仅实现了精度上的调整，还确保了最终结果显示符合预期的数学逻辑。 #### Vue.js 中的数据过滤器应用实例 当涉及到前端框架如Vue.js时，则可以通过自定义过滤器来进行类似的处理。 ```vue <div>{{ datas.cash_total | numFilter }}</div> <script> export default { filters: { numFilter(value) { let realVal = ''; if (!isNaN(value) && value !== '') { realVal = parseFloat(value).toFixed(2); } else { realVal = '--'; } return realVal; }, }, }; </script> ``` 这段代码展示了如何在一个Vue组件内部创建一个名为 `numFilter` 的全局过滤器，用于渲染页面上显示金额或其他需保留两位小数的内容[^2]。 #### 结合正则与 `Number()` 转换函数 如果原始数据是以字符串形式给出的话，还可以考虑先使用正则去除多余的部分后再转回数字类型。 ```javascript let numStr = "3.1415926"; let result = Number(numStr.match(/^\d+(\.\d{0,2})?/)); console.log(result); // 输出: 3.14 ``` 这种组合方案特别适合那些不确定输入源是否总是有效数字的情形下使用[^3]。