计算器核心算法

实现加法运算

2 + 5 + 6

上面是一个简单的等式,我们的任务就是能计算出它的结果,我们用js提供的字符串方法对字符串进行处理。

在这里我参考w3c的文档

var str = "2+5+6";
// 现在这里边只有加法运算,我们需要把数字和符号区分开。
// 我们获取到字符串中 ‘+’ 首次出现的索引位置
// 我们用 substring() 方法提取字符串
function parse (var str) {
  var index = str.indexOf('+');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  return str + 0;
}
// 我们如何把字符串转化为数字的,我们没有用 js 提供的方法,
// 而是使用字符串加数字0的方法巧妙的把字符串转化为数字
// 可以看到,parse 对加号前后进行了拆分,然后递归调用,
// 把拆出来到字符串转化为数字,这样就实现了 '2 + 5 + 6' 的加法运算

大家好好理解一下,虽说代码就几句,但是里面意义还得靠大家自己仔细研究研究。好了话不多说,我们接下去分析

实现减法运算

同样的道理,我们可以实现减法运算

function parse (var str) {
  var index = str.indexOf('+');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  var index = str.lastIndexOf('-');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  return str + 0;
}

// 为什么我们在做减法运算时要使用 lastIndexOf() 呢?因为最后一个减号前后的等式先计算是不影响结果的
// 假如一个等式 ‘8-2-6’ 答案是0大家都是知道的,如果你弄成 ‘8’ - ‘2 - 6’ 这就完全不一样了,
// 这个值就变成了 8 - ( - 4 )  = 8 + 4 = 12
// 但是你按照最后一个减号前后拆分 ‘8 - 2’ - ‘6’  = ‘6’ - ‘6’ = 0答案是正确的!
// 所以就是这里不一样,其他还是和加号一样是自己调用自己,如此已经实现了连加连减的混合运算啦

实现乘除运算

所以我们继续实现对乘号和除号的判断,我就不解释了,直接上代码了

function parse (var str) {
  var index = str.indexOf('+');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  var index = str.lastIndexOf('-');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  var index = str.indexOf('*');
  if (index != -1) {
    return parse(str.substring(0, index)) * parse(str.substring(index + 1));
  }
  var index = str.lastIndexOf('/');
  if (index != -1) {
    return parse(str.substring(0, index)) / parse(str.substring(index + 1));
   }
   return str + 0;
}

实现括号运算

接下来重头戏就来了,我们实现了没有括号的混合运算,现在我们需要解决混合运算的等式中有多重的括号的等式,小学二年级我们学过先乘除后加减有括号先算括号里的,那我们怎么做呢?

冰狗~我们要算括号,那就是首先判断括号,并且先把括号里边的式子计算粗来,然后再算加减乘除。

其实吧,你要实现有多层括号的,比如"23+5(2+3*3)" 比如这样子的等式,括号里面的等式需要优先计算这是常识,你会发现在这个等式中,其实括号中的字符串 "2+3+3"你是能计算的,这就是上一篇讲解的,其实无非你就是把括号里面的没有括号的等式先计算出来

说白了就是把"(2+3*3)"替换成"11" 思路明白了吧?就是把最里面的一对括号里面的内容先计算,然后计算结果替换那对括号。奥里给,造就完了。

  • 找到最里面的一对括号

    为什么要找到最里面的一对括号呢,原先我们能计算除了括号的混合运算,现在加了括号,原先的parse方法又不认识了,parse方法只认识没有括号的,所以这里你要做的工作就是找到括号,然后计算括号里面的字符串,然后替换括号的位置

    • 找到最里面的那一对括号 "(2+6-(22+1)) + (22+5)" 对于这个字符串最里面的括号就是"(2*2+1)" 因为这对括号里面已经没有括号了,所以我们找的就是这样子的括号
    • 计算括号里面的字符串,然后完成替换
// 我们想到了什么?我们可以使用 lastIndexOf() 和 indexOf() 找出最后一个 '(' 和 第一个 ')'
function parse (var str) {
  // 找到左括号
  var startIndex = str.lastIndexOf('(');
  if (startIndex != -1) {
     // 找到右括号
    var endIndex = str.indexOf(')', startIndex);
    if (endIndex != -1) {
      // 计算出括号中的值
      var result = parse(str.substring(startIndex + 1, endIndex));
      // 拼接字符串,递归计算
      return parse(str.substring(0, startIndex) + result + str.substring(endIndex + 1));
    }
  }
  return str + 0;
}

在parse方法的最前面加了一层判断,也就是代码如果走到这个判断下面了,就代表这个等式已经没有括号了,因为有括号就在if语句里面直接返回了.....最后结果duang的一下就出来,这是特技!请不要相信!!!

就酱紫我们就把结果算出来了,基本上完成了计算器的核心算法,如果你喜欢就请关注我吧~谢啦!!☆⌒(*^-゜)v

完整源码需要请自取

代码未经测试,请谨慎使用,原因是作者太懒了。。。

function parse (var str) {
  // 找到左括号
  var startIndex = str.lastIndexOf('(');
  if (startIndex != -1) {
     // 找到右括号
    var endIndex = str.indexOf(')', startIndex);
    if (endIndex != -1) {
      // 计算出括号中的值
      var result = parse(str.substring(startIndex + 1, endIndex));
      // 拼接字符串,递归计算
      return parse(str.substring(0, startIndex) + result + str.substring(endIndex + 1));
    }
  }
  var index = str.indexOf('+');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  var index = str.lastIndexOf('-');
  if (index != -1) {
    return parse(str.substring(0, index)) + parse(str.substring(index + 1));
  }
  var index = str.indexOf('*');
  if (index != -1) {
    return parse(str.substring(0, index)) * parse(str.substring(index + 1));
  }
  var index = str.lastIndexOf('/');
  if (index != -1) {
    return parse(str.substring(0, index)) / parse(str.substring(index + 1));
   }
  return str + 0;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352