溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

實現js保留兩位小數的方法

發布時間:2023-09-18 13:33:55 來源:億速云 閱讀:87 作者:栢白 欄目:開發技術

今天小編給大家分享的是實現js保留兩位小數的方法,相信很多人都不太了解,為了讓大家更加了解,所以給大家總結了以下內容,一起往下看吧。一定會有所收獲的哦。

前言

日常開發中,后臺會返給我們各式各樣的數據,如果后臺給你返回如下數據時,是不是就已經壓制不住心中的怒火了,別急,其實前端處理這些數據還是非常簡單的,下面用最簡單的方法教你如何1分鐘處理好這些數據。

返回數據示例:

3.1415926535897
85.452655625313
99.128532659596

話不多說,下面直接進入實戰

1. toFixed() 方法

toFixed() 方法用于把數字轉換為字符串,結果的小數點后有指定位數的數字。

參數描述
x必需的參數。規定小數的位數,可取 0 ~ 20 之間的值,包括 0 和 20,有些實現可以支持更大的數值范圍。如果省略了該參數,將用 0 代替。

實例

let numBer = 3.1415926;
numBer = numBer.toFixed(2);
console.log(numBer); // 3.14

注意:

該方法會將數值四舍五入,例如 3.148 經過 toFixed(2) 方法得到的結果將是 3.15toFixed() 方法會改變數據類型為字符串。

2. Math.floor() 方法

Math.floor() 方法返回小于或等于一個給定數字的最大整數,可以理解 Math.floor() 為向下取整;其相對的是 Math.ceil(),此方法是向上取整。

參數描述
x必需的參數。任意數值或表達式。

實例

let numBer = 3.1415926;
numBer = Math.floor(numBer * 100) / 100;
console.log(numBer); // 3.14

注意:

該方法不會修改原有數據類型。

3. 字符串+正則匹配

實例

let numBer = 3.1415926;
numBer = Number(numBer.toString().match(/^\d+(?:\.\d{0,2})?/));
console.log(numBer);// 3.14

4. 強制保留2位小數(例如3.00)

實例

let numBer = 3;
numBer = this.numWay(numBer);// 調用numWay方法
console.log(numBer); // 3.00

methods 方法代碼

methods: {
  numWay(x) {
    var f = parseFloat(x);
    if (isNaN(f)) {
      return false;
    }
    var f = Math.round(x * 100) / 100;
    var s = f.toString();
    var rs = s.indexOf(".");
    if (rs < 0) {
      rs = s.length;
      s += ".";
    }
    while (s.length <= rs + 2) {
      s += "0";
    }
    return s;
  },
},

5. 四舍五入保留2位小數(若第二位小數為0,則保留一位小數)

實例

let numBer = 3.1001;
numBer = this.numDelivery(numBer);// 調用numDelivery方法
console.log(numBer); // 3.1

methods 方法代碼

methods: {
  numDelivery(num) {
    var result = parseFloat(num);
    if (isNaN(result)) {
      alert("傳遞參數錯誤,請檢查!");
      return false;
    }
    result = Math.round(num * 100) / 100;
    return result;
  },
},

6. substring()方法 + indexOf()方法

substring() 方法用于提取字符串中介于兩個指定下標之間的字符。返回的子串包括 開始 處的字符,但不包括 結束 處的字符

參數描述
from必需的參數。一個非負的整數,規定要提取的子串的第一個字符在 string Object 中的位置。
to非必需的參數。一個非負的整數,比要提取的子串的最后一個字符在 string Object 中的位置多 1。如果省略該參數,那么返回的子串會一直到字符串的結尾。

indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置,如果沒有找到匹配的字符串則返回 -1。

參數描述
searchvalue必需的參數。規定需檢索的字符串值。
start可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 string Object.length - 1。如省略該參數,則將從字符串的首字符開始檢索。

實例

let numBer = 3.1415926 + "";
var str = numBer.substring(0, numBer.indexOf(".") + 3);
console.log(str);// 3.14

拓展

為了方便,我們可以寫一個專門的方法,需要的時候調用即可。如下代碼:

<template>
  <div>
    {{this.getValue(719.0721)}}
  </div>
</template>
<script>
export default {
  methods: {
    getValue(val) {
      return val.toFixed(2);
    },
  },
};
</script>

頁面展示

實現js保留兩位小數的方法

關于實現js保留兩位小數的方法就分享到這里了,希望以上內容可以對大家有一定的參考價值,可以學以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

邻居新婚少妇真紧_国产精品28p_99久久e免费热视烦_99尹人香蕉国产免费天天