jquery精度计算代码 jquery指定精确小数位

下面是jquery精度计算代码和指定精确小数位的攻略:

jquery精度计算代码

在js中进行浮点数运算时难免会遇到精度丢失的问题,为了解决这个问题,可以使用以下的jquery精度计算代码:

//加法函数
function numAdd(num1, num2) {
  var baseNum, baseNum1, baseNum2;
  try {
    baseNum1 = num1.toString().split(".")[1].length;
  } catch (e) {
    baseNum1 = 0;
  }
  try {
    baseNum2 = num2.toString().split(".")[1].length;
  } catch (e) {
    baseNum2 = 0;
  }
  baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  return (num1 * baseNum + num2 * baseNum) / baseNum;
}

//减法函数
function numSub(num1, num2) {
  var baseNum, baseNum1, baseNum2;
  var precision;//小数位
  try {
    baseNum1 = num1.toString().split(".")[1].length;
  } catch (e) {
    baseNum1 = 0;
  }
  try {
    baseNum2 = num2.toString().split(".")[1].length;
  } catch (e) {
    baseNum2 = 0;
  }
  baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  precision = (baseNum1 >= baseNum2) ? baseNum1 : baseNum2;
  return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
}

//乘法函数
function numMulti(num1, num2) {
  var baseNum = 0;
  try {
    baseNum += num1.toString().split(".")[1].length;
  } catch (e) {
  }
  try {
    baseNum += num2.toString().split(".")[1].length;
  } catch (e) {
  }
  return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
}

//除法函数
function numDiv(num1, num2) {
  var baseNum1 = 0, baseNum2 = 0;
  var baseNum3, baseNum4;
  try {
    baseNum1 = num1.toString().split(".")[1].length;
  } catch (e) {
  }
  try {
    baseNum2 = num2.toString().split(".")[1].length;
  } catch (e) {
  }
  with (Math) {
    baseNum3 = Number(num1.toString().replace(".", ""));
    baseNum4 = Number(num2.toString().replace(".", ""));
    return (baseNum3 / baseNum4) * pow(10, baseNum2 - baseNum1);
  }
}

将上面的代码保存为一个js文件添加到你的网站中。之后你可以调用上面的函数进行浮点数的精度计算。

jquery指定精确小数位

在前端开发中,有时需要将数值保留几位小数,可以使用jquery指定精确小数位进行实现。以下是代码示例:

var num = 123.456789;
var newNum = num.toFixed(2);
console.log(newNum);//输出123.46

上面的代码将num保留两位小数,输出123.46。可以根据需要将2改为其他数字,以保留不同的小数位数。

下面再来一个示例,假设有一个需要计算平均数的数组。

var nums = [1, 2, 3, 4, 5];
var sum = 0;
nums.forEach(function(num){
    sum += num;
});
var avg = (sum / nums.length).toFixed(2);
console.log(avg);//输出3.00

上面的代码将nums数组中的数加起来求平均数,并保留两位小数输出。可以根据需要将toFixed的参数改为其他数字来保留不同的小数位数。

希望这些内容对你有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jquery精度计算代码 jquery指定精确小数位 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • jQWidgets jqxNumberInput promptChar属性

    以下是关于 jQWidgets jqxNumberInput 组件中 promptChar 属性的详细攻略。 jQWidgets jqxNumberInput promptChar 属性 jQWidgets jqxNumberInput 组件的 promptChar 属性用于设置组件中未输入数字时的占位符。 语法 $(‘#numberInput’).jqxN…

    jquery 2023年5月12日
    00
  • 简单易扩展可控性强的Jquery转盘抽奖程序

    请允许我详细讲解一下“简单易扩展可控性强的JQuery转盘抽奖程序”的攻略。 1. 安装jQuery和插件 首先,我们需要在网站中引入jQuery和相关插件。可以在页面中使用以下标签引入: <script src="//code.jquery.com/jquery-3.6.0.min.js"></script> &…

    jquery 2023年5月28日
    00
  • jQuery :contains() 选择器

    以下是关于jQuery :contains()选择器的完整攻略: 什么是jQuery :contains()选择器? jQuery :contains()选择器是一种用于选择包含指定文本的元素的语法。使用这个选择器轻松选择包含指定文本的元素对其进行操作。 如何使用jQuery :contains()选择器? 可以使用以下代码来选择包含指定文本的元素: $(&…

    jquery 2023年5月12日
    00
  • JQuery属性操作与循环用法示例

    针对JQuery属性操作与循环用法的攻略,以下是完整的讲解过程: JQuery属性操作 1. 获取和设置元素属性值 使用JQuery,我们可以轻松地获取和设置元素的属性值,例如: //获取元素属性值 var href = $(‘a’).attr(‘href’); console.log(href); //设置元素属性值 $(‘img’).attr(‘alt’…

    jquery 2023年5月28日
    00
  • 如何使用jQuery找到所有具有Green值的输入并改变下一个同级跨度的文本

    要使用jQuery找到所有具有Green值的输入并改变下一个同级跨度的文本,我们可以使用以下步骤: 使用$()函数选择具有Green值的输入元素。 使用.next()函数选择下一个同级跨度元素。 使用.text()函数更改所选元素的文本内容。 以下是两个示例,演示如何使用jQuery找到所有具有Green值的输入并改变下一个同级跨度的文本: 示例1:改变下一…

    jquery 2023年5月9日
    00
  • 详谈jQuery中使用attr(), prop(), val()获取value的异同

    在jQuery中,使用attr(),prop()和val()可以方便地获取HTML表单元素的值。然而,它们在获取value时有所不同。下面是它们的详细说明和一些示例。 attr() attr()函数通常用于获取HTML元素的属性值。当我们想要获取HTML元素的value值时,我们可以使用attr()函数。它返回一个字符串,这个字符串就是我们所想获取的值。但是…

    jquery 2023年5月28日
    00
  • jQWidgets jqxNavigationBar setHeaderContentAt()方法

    以下是关于 jQWidgets jqxNavigationBar 组件中 setHeaderContentAt() 方法的详细攻略。 jQWidgets jqxNavigationBar setHeaderContentAt() 方法 jQWidgets jqxNavigationBar 的 setHeaderContentAt() 方法用于设置指定导航栏的…

    jquery 2023年5月12日
    00
  • 如何使用JavaScript / jQuery在点击a链接时显示确认对话框

    下面是详细讲解如何通过 JavaScript / jQuery 在点击a链接时显示确认对话框的攻略: 准备工作 在使用JavaScript / jQuery实现点击a链接显示确认对话框之前,需要先准备一些基础知识和工具: 了解 JavaScript / jQuery 的基本语法和知识。 一般在HTML文件中引入 jQuery 来使用。 <script …

    jquery 2023年5月12日
    00
合作推广
合作推广
分享本页
返回顶部