JavaScript大数相加相乘的实现方法实例


Posted in Javascript onOctober 18, 2020

前言

JavaScript 中的最大安全整数是 2 ^{53} ? 1 ,即 9007199254740991,当我们进行超出这个范围的数值计算的时候就无法得到精确的值,而是一个近似值,比如我们计算 9007199254740991 + 10 得到的结果是 9007199254741000。本文讲一下如何利用字符串在 JavaScript 中实现大数相加相乘。

相加

用字符串实现相加相乘基本思路就是按照我们在纸上进行竖式运算一样。对于加法,我们需要将两个数 num1 和 num2 上下对齐,然后从个位开始计算两个数对应位的和,循环到最高位,将每一次运算的结果保存到一个数组 result 中去,最终用 Array.prototype.join() 方法还原成一个数组。

这里为了保持循环的正常进行,我们需要保证两个字符串位数相等,所以我们要用 String.prototpye.padStart() 方法将位数比较小的那一个字符串的前面用 '0' 补齐。

按位相加有个问题就是进位如何保存,我的思路是这样的。当我们相加 num1[i] 和 num2[i] 的时候,得到的最多是一个两位数,它将影响 result 的两位,即当前的 result[0] 位置和即将 unshift 到 result 中的一位。当前的 result[0] 位置的数就是计算 [i -1] 是得到的数的高位(即进位),我们将我们计算的值加上进位,得到的数在分成两位分别放到 result 中。

所以总结一下就是我们计算 num1[i] + num2[i] 得到一个两位数,这个两位数要先和 num1[i-1] + num2[i-1] 的结果的进位(即 result[0] 相加,然后在分成 high 和 low 两位,将 result[0] 的值用 low 位替换,然后将 high 位 unshift 到 result 最前面。可以参考下图理解。

JavaScript大数相加相乘的实现方法实例

所以我们每次计算都是确定一位和下一位的进位。最后代码如下:

let add = function (num1, num2) {
 if (isNaN(num1) || isNaN(num2)) return '';
 if (num1 === '0' || num2 === '0') return (num1 === '0' ? num2 : num1);

 let len = Math.max(num1.length, num2.length);
 num1 = num1.padStart(len, '0');
 num2 = num2.padStart(len, '0');

 let result = [];

 for (let i = len - 1; i >= 0; i--) {
  let sum = Number(num1[i]) + Number(num2[i]) + (result[0] || 0);
  let low = sum % 10;
  let high = Math.floor(sum / 10);

  result[0] = low;
  result.unshift(high);
 }
 return result.join('');
}

console.log(add('10', '9007199254740991')) //09007199254741001

代码中我们加了两个判断,判断两个参数是否是合法数字格式,以及如果一个数是 '0' 则直接返回另一个数。

相乘

相乘的逻辑要比相加复杂一点,但是总体思路还是根据竖式来实现算法,我画了一张图,我们借助图来说明。

JavaScript大数相加相乘的实现方法实例

相乘是一个两层循环,我们要循环一个数的位,每一位再与另一个数循环的每一位相乘。我们每次相乘的结果最多是一个两位数。但是与相加不同的是,相加的 high 每次都是 unshift 进去即可,而相乘的高位也要与 result 的位进行运算。

我们来看一看相乘的规律,当我们用 num1[i] * num2[j] 的时候,可能得到两位数,也可能得到一位数,我们都统一算作两位数,高位没有的就用 0 补齐,那么最后我们得到的结果将是一个 i + j 位的数(开头可能存在补齐的 0)。而我们每次计算 num1[i] * num2[j] 的结果影响到的都是 result 中的 i + j 和 i + j + 1 位。

和加法中逻辑一样,我们将 num1[i] * num2[j] 的结果和 result[i + j + 1] 相加,得到的结果分为 low 和 high 分别存入 reslut 的 [i + j +1] 和 [i +j] 中。但是这里要注意,和加法不同,加法的高位直接存入就可以,我们这里的 high 对应的 result[i + j] 可能已经有值了,我们需要将已经存在的值加上。

high 和 result[i +j] 的相加可能存在进位怎么办呢,看上图中右边的当前 result 值中我们可以看到有些位存了不止一位数,我们将 high + result[i +j] 的值直接连进位一起保存到 result[i + j] 中。为什么能这样做呢,因为下次计算 num1[i] * num2[j - 1] 的时候(注意我们是从后往前遍历),会把 result[i + j]和 low 相加,进位自然能被处理,这也是这个算法比较重要的地方。

最后的代码:

let multiply = function (num1, num2) {
  if (isNaN(num1) || isNaN(num2)) return '';
  if (num1 === '0' || num2 === '0') return '0';

  let l1 = num1.length,
    l2 = num2.length;

  let result = [];

  for (let i = l1 -1; i >= 0; i--) {
    for (let j = l2 - 1; j >= 0; j--) {
      let index1 = i + j;
      let index2 = i + j + 1;

      let product = num1[i] * num2[j] + (result[index2] || 0);
      result[index2] = product % 10;
      result[index1] = Math.floor(product / 10) + (result[index1] || 0);
    }
  }
  return result.join('').replace(/^0+/, '');
}

console.log(multiply('123', '234')) //28782

代码中加了两个判断:是否是合法数字,如果有一个值为 0 则直接返回 0。注意最后要判断得到的结果是否开头有 0,如果有则要去掉,这里用的正则表达式。

总结

到此这篇关于JavaScript大数相加相乘的实现方法的文章就介绍到这了,更多相关JavaScript大数相加相乘内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
js比较日期大小的方法
May 12 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
Apr 14 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
Javascript Dom元素获取和添加详解
Sep 24 Javascript
vue 开发企业微信整合案例分析
Dec 02 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 #Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 #Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 #Javascript
vue自定义树状结构图的实现方法
Oct 18 #Javascript
axios封装与传参示例详解
Oct 18 #Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 #Javascript
js中复选框的取值及赋值示例详解
Oct 18 #Javascript
You might like
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
php修改上传图片尺寸的方法
2015/04/14 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
php socket通信简单实现
2016/11/18 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
AngularJS基础知识笔记之表格
2015/05/10 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
JSON.stringify()方法讲解
2019/01/31 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
基于openlayers实现角度测量功能
2020/09/28 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
Python对象属性自动更新操作示例
2018/06/15 Python
Python之list对应元素求和的方法
2018/06/28 Python
Django开发中的日志输出的方法
2018/07/02 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
请说出你所知道的线程同步的方法
2013/04/19 面试题
学生宿舍管理制度
2014/01/30 职场文书
茶楼服务员岗位职责
2015/02/09 职场文书