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 相关文章推荐
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
AngularJS中watch监听用法分析
Nov 04 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
详解webpack2+React 实例demo
Sep 11 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 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
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
PHP循环结构实例讲解
2014/02/10 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
判断浏览器的javascript版本的代码
2010/09/03 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
Python常用的日期时间处理方法示例
2015/02/08 Python
python任务调度实例分析
2015/05/19 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
高三霸气励志标语
2014/06/24 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
保护校园环境倡议书
2015/04/28 职场文书
《爬天都峰》教学反思
2016/02/23 职场文书
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js