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 jqxComplexInput改变事件

    以下是关于“jQWidgets jqxComplexInput改变事件”的完整攻略,包含两个示例说明: 简介 jqxComplexInput件提供了 change 事件该事件在用户更改控件的值时触发。通过使用 change 事件,可以在代码中动响用户更改控件的值。 详细攻略 以下是 jqxComplexInput 控件的 change 事件的详细攻略: ch…

    jquery 2023年5月11日
    00
  • 深入分析jQuery的ready函数是如何工作的(工作原理)

    深入分析jQuery的ready函数是如何工作的(工作原理) 当我们使用jQuery库时,通常会在代码中调用$(document).ready()函数,以确保文档所有的DOM元素都被正确加载后再执行JavaScript代码。那么$(document).ready()函数是如何工作的呢? 工作原理 $(document).ready()函数的本质是jQuery…

    jquery 2023年5月27日
    00
  • jQWidgets jqxBarGauge tooltipOpen事件

    jQWidgets是一个基于jQuery的UI组件库,提供了丰富的UI件和工具,包括表格、图表、历、菜单等。jqxBarGauge是jQWidgets中的一个组件,可以用水平或垂直的条形。jqxBarGauge提供了tooltipOpen事件,用于在打开提示框时执行自定义操作。 tooltipOpen事件的基本语法 tooltipOpen事件在打开提示框时触…

    jquery 2023年5月9日
    00
  • jQuery Mobile Droppable disabled 选项

    下面我将为您详细讲解“jQuery Mobile Droppable disabled 选项”的使用攻略。 1. 什么是jQuery Mobile Droppable disabled选项 jQuery Mobile Droppable disabled选项是 jQuery Mobile 中 droppable 组件中的一个属性。在拖拽元素释放到目标元素上时…

    jquery 2023年5月12日
    00
  • ES6使用新特性Proxy实现的数据绑定功能实例

    ES6中新增加一个Proxy对象,它可以拦截并包装目标对象,从而实现对目标对象的访问过程进行监控和操作,可以应用于数据劫持和数据绑定等场景。下面我们来讲解一下如何使用Proxy实现数据绑定功能。 一、Proxy结构简介 Proxy对象是ES6新增加的一种对象,它可以在目标对象之前进行拦截,并完全代理目标对象的功能,也就是说,我们可以在进行任何操作之前先进行拦…

    jquery 2023年5月27日
    00
  • jquery中键盘事件小结

    jQuery中键盘事件小结 概述 在网页开发中,键盘事件的处理是非常常见的需求。在jQuery中,也提供了一系列键盘事件的处理函数,方便我们进行开发。 常用键盘事件函数 keydown 该函数在按下键盘时触发。可以通过该函数获取按下的键码值,以及对应键盘按键的描述文本。 例如,下面的示例代码监听了键盘上的“Enter”键按下事件,并在控制台输出相关信息: $…

    jquery 2023年5月28日
    00
  • Jquery基础教程之DOM操作

    针对“Jquery基础教程之DOM操作”的完整攻略,我将从以下几个方面进行介绍:Jquery基础概念、DOM操作方法、DOM操作示例以及Jquery文档结构。希望这个攻略对你有所帮助。 Jquery基础概念 Jquery是一种快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画等操作。Jquery可以让开发者使用更少的代码实现同样的功…

    jquery 2023年5月27日
    00
  • jQuery callbacks.empty()方法

    在jQuery中,可以使用callbacks.empty()方法来从回调函数列表中删除所有回调函数。以下是详细攻略,含两个示例,演示如何使用callbacks.empty()方法: 语法 callbacks.empty()的语法如下: callbacks.empty(); 参数说明: 无参数。 返回值: 无返回值。 示例1 以下是一个简单的示例,演示如何使用…

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