日常开发中,后台会返给我们各式各样的数据,如果后台给你返回如下数据时,是不是就已经压制不住心中的怒火了,别急,其实前端处理这些数据还是非常简单的,下面用最简单的方法教你如何1分钟处理好这些数据。
返回数据示例:
3.1415926535897
85.452655625313
99.128532659596
1. toFixed() 方法
toFixed()
方法用于把数字转换为字符串,结果的小数点后有指定位数的数字。
参数 | 描述 |
---|---|
x | 必需的参数。规定小数的位数,可取 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。 |
实例
1 2 3 |
|
注意:
该方法会将数值四舍五入,例如 3.148
经过 toFixed(2)
方法得到的结果将是 3.15
且 toFixed()
方法会改变数据类型为字符串。
2. Math.floor() 方法
Math.floor()
方法返回小于或等于一个给定数字的最大整数,可以理解 Math.floor()
为向下取整;其相对的是 Math.ceil()
,此方法是向上取整。
参数 | 描述 |
---|---|
x | 必需的参数。任意数值或表达式。 |
实例
1 2 3 |
|
注意:
该方法不会修改原有数据类型。
3. 字符串+正则匹配
实例
1 2 3 |
|
4. 强制保留2位小数(例如3.00)
实例
1 2 3 |
|
methods
方法代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
5. 四舍五入保留2位小数(若第二位小数为0,则保留一位小数)
实例
1 2 3 |
|
methods
方法代码
1 2 3 4 5 6 7 8 9 10 11 |
|
6. substring()方法 + indexOf()方法
substring()
方法用于提取字符串中介于两个指定下标之间的字符。返回的子串包括 开始 处的字符,但不包括 结束 处的字符
参数 | 描述 |
---|---|
from | 必需的参数。一个非负的整数,规定要提取的子串的第一个字符在 string Object 中的位置。 |
to | 非必需的参数。一个非负的整数,比要提取的子串的最后一个字符在 string Object 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。 |
indexOf()
方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到匹配的字符串则返回 -1
。
参数 | 描述 |
---|---|
searchvalue | 必需的参数。规定需检索的字符串值。 |
start | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数,则将从字符串的首字符开始检索。 |
实例
1 2 3 |
|
来源:微点阅读 https://www.weidianyuedu.com