JS：想做购物车？先学好加、减、乘、除的计算！

进入我的主页，查看更多JS的分享！

我的代码有多短，本文章就有多短！(ㅍ_ㅍ)

※ 思路分析

对于整数的运算，不会出错；而带了小数点的运算，直接计算容易出错。推荐的做法是，带了小数点的计算，都要经过处理。

因此，对于带小数的加、减、乘、除运算，先变为整数的运算，再将得到的结果变回去（由中间值处理），得到最终的结果。

一、加法运算

1. 先看直接计算：

console.log(0.1 + 0.2);
// 打印结果 0.30000000000000004

2. 代码实现

function calcPlus(num1, num2) {
  let l1, l2, m;
  try {
    l1 = num1.toString().split(".")[1].length;
  } catch(e) {
    l1 = 0;
  }
  try {
    l2 = num2.toString().split(".")[1].length;
  } catch(e) {
    l2 = 0;
  }
  m = Math.pow(10, Math.max(l1, l2));
  return (num1 * m + num2 * m) / m;
}

console.log(0.1 + 0.2, calcPlus(0.1, 0.2));
// 输出： 0.30000000000000004 0.3

代码解析：

m：得到小数点的位数的最大值，并10的次方得到中间值；

m==10，因此计算式为：(0.1 * 10 + 0.2 * 10) / 10 = (1 + 2) / 10 = 3 / 10 = 0.3

二、减法运算

1. 先看直接计算：

console.log(1.0 - 0.9);
// 输出： 0.09999999999999998

2. 代码实现

function calcSubtract(num1, num2) {
  let l1, l2, m;
  try {
    l1 = num1.toString().split(".")[1].length;
  } catch(e) {
    l1 = 0;
  }
  try {
    l2 = num2.toString().split(".")[1].length;
  } catch(e) {
    l2 = 0;
  }
  m = Math.pow(10, Math.max(l1, l2));
  return (num1 * m - num2 * m) / m;
}

console.log(1.0 - 0.9, calcSubtract(1.0, 0.9));
// 输出： 0.09999999999999998 0.1

代码解析：

m：得到小数点的位数的最大值，并10的次方得到中间值；

m==10，因此计算式为：(1.0 * 10 - 0.9 * 10) / 10 = (10 - 9) / 10 = 1 / 10 = 0.1

三、乘法运算

1. 先看直接计算：

console.log(19.9 * 100);
// 输出：1989.999999999999

2. 代码实现

function calcMultiply(num1, num2) {
  let m = 0;
  try {
    m += num1.toString().split(".")[1].length;
  } catch(e) {}
  try {
    m += num2.toString().split(".")[1].length;
  } catch(e) {}
  return (Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", ""))) / Math.pow(10, m);
}

console.log(19.9 * 100, calcMultiply(19.9, 100));
// 输出：1989.9999999999998 1990

代码解析：

m：得到小数点的最大的位数；

因此计算式为：(199 * 100) /  = 19900 / 10 = 1990

四、除法运算

1. 先看直接计算：

console.log(6.6 / 0.2);
// 输出：32.99999999999999

2. 代码实现

function calcDivide(num1, num2) {
  let l1 = 0, l2 = 0, n1, n2;
  try {
    l1 = num1.toString().split(".")[1].length;
  } catch(e) {}
  try {
    l2 = num2.toString().split(".")[1].length;
  } catch(e) {}
  n1 = Number(num1.toString().replace(".", ""));
  n2 = Number(num2.toString().replace(".", ""));
  return (n1 / n2) * Math.pow(10, l2 - l1);
}

console.log(6.6 / 0.2, calcDivide(6.6, 0.2));
// 输出：32.99999999999999 33

代码解析：

n1,n2：去除小数点，即变为整数

l2-l1：位数差，即中间值

因此计算式为：(66 / 2) *  = 33 * 1 = 33

附件下载（CSDN）