js 常用計算

zhaofeihao 發布于2019-08-23 14:12 / 1437人閱讀

摘要：常用計算由于存在計算精度的問題，例如，所以需要整理以下方法，方便進行簡單計算。主要思路是先轉成整數，然后再進行計算，計算完再轉回浮點數獲取小數位以及向右移動小數位，是計算時轉換成整數的工具函數。

js 常用計算

由于存在計算精度的問題，例如 0.1+0.2 = 0.30000000000000004，所以需要整理以下方法，方便進行簡單計算。

主要思路是先轉成整數，然后再進行計算，計算完再轉回浮點數

獲取小數位以及向右移動小數位，是計算時轉換成整數的工具函數。加減乘除四個函數都用到了

獲取小數位

// 獲取小數位
export function getDecimalPlace(num) {
    try {
        let result = num.toString().split(".")[1].length;
        return result;
    } catch (e) {
        return 0;
    }
}

向右移動小數位

/**
 * 向右移動小數點
 * @param movePlace 移動步數，正向右，負數向左
 */
export function moveDecimalPlace(num, movePlace) {
    let decimalPlace = getDecimalPlace(num);
    let step = movePlace - decimalPlace;

    // 先轉成整數類型，再確定需要如何移動，為了處理 268.34*100 卻等于 26833.999999999996 的問題
    let intNum = Number(num.toString().replace(".", ""));
    if (step > 0) {
        return intNum * Math.pow(10, step);
    } else if (step < 0) {
        return intNum / Math.pow(10, -step);
    } else {
        return intNum;
    }
}

這里右移動小數點需要先轉成整形，再進一步處理是因為存在一些浮點數乘以 10 的倍數也會出問題！
例如： 268.34*100 => 26833.999999999996

加法

/**
 * 相加  arg1 + arg2
 */
export function add(arg1, arg2) {
    let step1 = getDecimalPlace(arg1);
    let step2 = getDecimalPlace(arg2);

    let maxStep = Math.max(step1, step2);

    arg1 = moveDecimalPlace(arg1, maxStep);
    arg2 = moveDecimalPlace(arg2, maxStep);

    return (arg1 + arg2) / Math.pow(10, maxStep);
}

減法

/**
 * 相減   arg1 - arg2
 */
export function sub(arg1, arg2) {
    return add(arg1, -arg2);
}

乘法

/**
 * 乘法   arg1 * arg2
 */
export function multiply(arg1, arg2) {
    let step1 = getDecimalPlace(arg1);
    let step2 = getDecimalPlace(arg2);

    let maxStep = Math.max(step1, step2);

    arg1 = moveDecimalPlace(arg1, maxStep);
    arg2 = moveDecimalPlace(arg2, maxStep);

    if (maxStep > 0) {
        let stepPow = Math.pow(10, maxStep);
        return (arg1 * arg2) / (stepPow * stepPow);
    }
    return arg1 * arg2;
}

除法

/**
 * 除法   arg1 / arg2
 */
export function division(arg1, arg2) {
    let step1 = getDecimalPlace(arg1);
    let step2 = getDecimalPlace(arg2);

    let maxStep = Math.max(step1, step2);

    arg1 = moveDecimalPlace(arg1, maxStep);
    arg2 = moveDecimalPlace(arg2, maxStep);

    return arg1 / arg2;
}

其他

源碼鏈接

更多代碼片段

個人博客鏈接

GPU云服務器云服務器 JS常用特效 js 常用數據類型 js常用數據類型 js常用表單驗證

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100253.html

JS 中的日期時間操作計算實例

摘要：實例一已知日期格式為，計算相對于今天的天數差。在實踐應用中，還會有各種各樣的關于時間操作的需求，歡迎補充，我都將一一解答。實例一：已知日期格式為 YYYY/MM/DD，計算相對于今天的天數差。 function fromNow(date){ var mTimes = new Date(date); var fromTimes = Date.now() - mTime...

beanlam 2019-08-20 11:11 評論0 收藏0
vue學習筆記（二）

摘要：供用戶在相應的階段對其進行操作。我們像下面這樣使用這個指令大多數情況下，我們只需要使用與鉤子函數。里提供了函數的簡寫形式鉤子函數有兩個常用的參數和。其他用法與全局自定義指令一致。一、vue生命周期 vue實例從創建到銷毀的過程，稱為生命周期，共有八個階段。這八個階段里分別有一個叫做鉤子函數的實例選項。供用戶在相應的階段對其進行操作。 beforeCreate(){ //組件實例剛...

klivitamJ 2019-08-30 13:48 評論0 收藏0
vue學習筆記（二）

摘要：供用戶在相應的階段對其進行操作。我們像下面這樣使用這個指令大多數情況下，我們只需要使用與鉤子函數。里提供了函數的簡寫形式鉤子函數有兩個常用的參數和。其他用法與全局自定義指令一致。一、vue生命周期 vue實例從創建到銷毀的過程，稱為生命周期，共有八個階段。這八個階段里分別有一個叫做鉤子函數的實例選項。供用戶在相應的階段對其進行操作。 beforeCreate(){ //組件實例剛...

Pines_Cheng 2019-08-21 17:08 評論0 收藏0
vue學習筆記（二）

摘要：供用戶在相應的階段對其進行操作。我們像下面這樣使用這個指令大多數情況下，我們只需要使用與鉤子函數。里提供了函數的簡寫形式鉤子函數有兩個常用的參數和。其他用法與全局自定義指令一致。一、vue生命周期 vue實例從創建到銷毀的過程，稱為生命周期，共有八個階段。這八個階段里分別有一個叫做鉤子函數的實例選項。供用戶在相應的階段對其進行操作。 beforeCreate(){ //組件實例剛...

ideaa 2019-08-01 17:48 評論0 收藏0