手写js 数字转换成小数点点分割可读形式 在移动端
时间: 2024-02-17 21:01:34 浏览: 29
好的,以下是一个手写 JavaScript 函数实现数字转换为小数点分割的可读形式:
```javascript
function formatNumber(number) {
const parts = number.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
```
该函数接受一个数字作为参数,然后将其转换为小数点分割的可读形式。具体实现如下:
1. 使用 `toString()` 方法将数字转换为字符串。
2. 使用 `split()` 方法将整数部分和小数部分分离开来,保存到数组 `parts` 中。
3. 对整数部分进行正则替换,将每个三位数前面插入逗号。
4. 使用 `join()` 方法将整数部分和小数部分拼接成新的字符串,使用小数点连接。
下面是一个使用该函数在移动端格式化价格的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>Formatted Price Example</title>
</head>
<body>
<div>
<p>原价:1000000</p>
<p>折扣价:750000</p>
<p>您节省了:250000</p>
</div>
<div>
<p>原价:<span id="original-price"></span> 元</p>
<p>折扣价:<span id="discount-price"></span> 元</p>
<p>您节省了:<span id="saved-amount"></span> 元</p>
</div>
<script>
function formatNumber(number) {
const parts = number.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
const originalPrice = 1000000;
const discountPrice = 750000;
const savedAmount = originalPrice - discountPrice;
document.getElementById("original-price").textContent = formatNumber(originalPrice);
document.getElementById("discount-price").textContent = formatNumber(discountPrice);
document.getElementById("saved-amount").textContent = formatNumber(savedAmount);
</script>
</body>
</html>
```
该示例中,我们使用了 `formatNumber()` 函数将原价、折扣价和节省金额格式化为小数点分割的可读形式,并在页面中显示。在这个例子中,原价是 `1000000`,折扣价是 `750000`,您节省了 `250000`。在使用 `formatNumber()` 函数后,我们可以在页面上看到格式化后的价格信息。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)