亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

保姆級Decimal.js使用教程(解決js精度問題)

 更新時間:2024年05月07日 09:22:48   作者:碼路老默007  
這篇文章主要給大家介紹了關(guān)于保姆級Decimal.js使用的相關(guān)資料,文中介紹的方法主要解決了js精度問題,decimal.js庫它是一個強大的JavaScript庫,用于解決浮點數(shù)計算精度不準確的問題,需要的朋友可以參考下

精度問題控制臺圖樣

如果銀行的業(yè)務(wù)你這樣做,不知道要損失多少錢,這樣是不行的,計算的不準確是需要背鍋的,我們給后端去做吧,其實我們前端也是可以做的,引入Decimal.js

01.引入Decimal.js

decimal.js是使用的二進制來計算的,所以可以更好地實現(xiàn)格化式數(shù)學運算,對數(shù)字進行高精度處理;使用decimal類型處理數(shù)據(jù)可以保證數(shù)據(jù)計算更為精確,還可以節(jié)省儲存空間。

$ npm install --save decimal.js
/**  Node.js  */
var Decimal = require('decimal.js')
 
/** ES6 方式 */
import { Decimal } from 'decimal.js'

02.使用

<template>
  <div>
    test
  </div>
</template>
<script>

import Decimal from 'decimal.js'

export default {
  created() {
    console.log('打印8.12*100的結(jié)果', 8.12*100)
    console.log('打印9.12*100的結(jié)果', 9.12*100)

    let c = new Decimal(8.12).mul(new Decimal(100))
    let d = new Decimal(9.12).mul(new Decimal(100))
    console.log('c', c)
    console.log('d', d)
  }
}
</script>

加減乘除全上

 const a = 9.98;
 const b = 8.03;
 
 // 加法
 let c = new Decimal(a).add(new Decimal(b)) 
 
 // 減法
 let d = new Decimal(a).sub(new Decimal(b))
 
 // 乘法
 let e = new Decimal(a).mul(new Decimal(b))
    
 // 除法
 let f = new Decimal(a).div(new Decimal(b))

附:Vue項目完整例子

下面是一個完整的示例,展示了如何在Vue項目中使用decimal.js庫進行高精度計算:

<template>
  <div>
    <p>0.1 + 0.2 = {{ result }}</p>
  </div>
</template>

<script>
import { Decimal } from 'decimal.js';

export default {
  data() {
    return {
      result: null,
    };
  },
  mounted() {
    const num1 = new Decimal(0.1);
    const num2 = new Decimal('0.2');
    const sum = num1.plus(num2);
    this.result = sum.toNumber();
  },
};
</script>

在上述示例中,我們通過Decimal類創(chuàng)建了兩個Decimal對象,并使用plus()方法執(zhí)行加法運算。最后,通過toNumber()方法將結(jié)果轉(zhuǎn)換為JavaScript原生的Number類型,并綁定到Vue組件的result數(shù)據(jù)屬性上,以在模板中顯示計算結(jié)果。

總結(jié) 

到此這篇關(guān)于保姆級Decimal.js使用的文章就介紹到這了,更多相關(guān)Decimal.js解決精度問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:

相關(guān)文章

  • Javascript !!的作用

    Javascript !!的作用

    取變量的Boolean值
    2008-12-12
  • 服務(wù)端預渲染之Nuxt(使用篇)

    服務(wù)端預渲染之Nuxt(使用篇)

    這篇文章主要介紹了服務(wù)端預渲染之Nuxt(使用篇),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • 淺談layui里的上傳控件問題

    淺談layui里的上傳控件問題

    今天小編就為大家分享一篇淺談layui里的上傳控件問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 細品javascript 尋址,閉包,對象模型和相關(guān)問題

    細品javascript 尋址,閉包,對象模型和相關(guān)問題

    似乎某些程序員的集合是不相交的,就好像JS程序員和玩編譯原理和CPU指令的匯編程序員就幾乎沒有交叉。前些日子討論的火熱的“作用域鏈”問題,說白了就是尋址問題,不過,這個在C中十分簡單的問題卻被JS這個動態(tài)語言弄得很復雜。
    2009-04-04
  • javascript將DOM節(jié)點添加到文檔的方法實例分析

    javascript將DOM節(jié)點添加到文檔的方法實例分析

    這篇文章主要介紹了javascript將DOM節(jié)點添加到文檔的方法,對比分析了javascript的兩種節(jié)點創(chuàng)建的方法,涉及javascript節(jié)點操作及運行時間計算的相關(guān)技巧,需要的朋友可以參考下
    2015-08-08
  • JS實現(xiàn)購物車特效

    JS實現(xiàn)購物車特效

    本文主要分享了用JavaScript實現(xiàn)購物車特效的示例代碼。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • 使用Promise進行異步處理的操作步驟

    使用Promise進行異步處理的操作步驟

    在JavaScript中,異步操作是非常常見的,如網(wǎng)絡(luò)請求、文件操作、定時任務(wù)等,Promise是一種用于管理異步操作的解決方案,它使得異步代碼變得更易讀、易于組合和錯誤處理更加集中,本文將詳細介紹如何使用Promise進行錯誤處理,需要的朋友可以參考下
    2025-03-03
  • JS實現(xiàn)點擊li標簽彈出對應的索引功能【案例】

    JS實現(xiàn)點擊li標簽彈出對應的索引功能【案例】

    這篇文章主要介紹了JS實現(xiàn)點擊li標簽彈出對應的索引功能,結(jié)合具體實例形式分析了javascript事件響應、元素遍歷等相關(guān)操作技巧,需要的朋友可以參考下
    2019-02-02
  • js實現(xiàn)登錄彈框

    js實現(xiàn)登錄彈框

    這篇文章主要為大家詳細介紹了js實現(xiàn)登錄彈框,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • javascript小數(shù)精度丟失的完美解決方法

    javascript小數(shù)精度丟失的完美解決方法

    下面小編就為大家?guī)硪黄猨avascript小數(shù)精度丟失的完美解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05

最新評論