js表达式计算器代码

更新时间：2011年10月25日 16:20:51 作者：

js表达式计算器代码，需要的朋友可以参考下。

效果图：

代码:

<script type="text/javascript">// <![CDATA[ String.prototype.trim = function () { return this.replace(/^\s+/, '').replace(/\s+$/, ''); }; function calc() { var expression = document.getElementById("txtExpression").value; try { document.getElementById("txtResult").innerText ='计算结果为:'+ calcBasic(calcComplex(expression)); } catch(e) { document.getElementById("txtResult").innerText = e.message; } } function calcComplex(complexExpression) { var arr = new Array(); var left = 0; var right = 0; for (var i = 0; i < complexExpression.length; i++) { if (complexExpression.charAt(i) == '(') { arr.push(i); left++; } if (complexExpression.charAt(i) == ')') { arr.push(i); right++; } } if (left != right) { throw new Error('括号不匹配！','2'); } var brackets = complexExpression.replace(/[^\(|^\)]/g, ''); for (i = 0; i < brackets.length; i++) { if (brackets.charAt(i) == "(" && brackets.charAt(i + 1) == ")") { var simpleExpression = complexExpression.substr(arr[i] + 1, arr[i + 1] - arr[i] - 1); if (calcBasic(simpleExpression)<0) { complexExpression = complexExpression.substr(0, arr[i]) + '[' + Math.abs(calcBasic(simpleExpression)) + '' + complexExpression.substr(arr[i + 1] + 1); } else { complexExpression = complexExpression.substr(0, arr[i]) + '' + calcBasic(simpleExpression) + '' + complexExpression.substr(arr[i + 1] + 1); } complexExpression=calcComplex(complexExpression); break; } } return complexExpression; } function calcBasic(baseExpression) { if (baseExpression.charAt(0)=='-') { baseExpression = '[' + baseExpression.substr(1); } var constants = baseExpression.trim().replace(/[\*|\/|\+|\-]/g, ' ').split(/\s+/g); for (var index in constants) { //只留下符号 baseExpression = baseExpression.replace(/\s+/g, '').replace(constants[index], ''); //将提取的常量字符串转化为数字 var item; if (constants[index].trim().charAt(0)=='[') { item = parseFloat(constants[index].trim().replace('[','-')); } else { item = parseFloat(constants[index].trim()); } if (isNaN(item)) { throw new Error('存在非法符号！','0'); } else { constants[index] = item; } } if (constants.length != baseExpression.length + 1) { throw new Error('表达式有误！','1'); } for (var i = 0; i < baseExpression.length; i++) { switch (baseExpression.charAt(i)) { case '*': constants.splice(i, 2, constants[i] * constants[i + 1]); baseExpression = baseExpression.replace('*', ''); i -= 1; break; case '/': if (constants[i + 1] == 0) { throw new Error('除数不能为0！'); } constants.splice(i, 2, constants[i] / constants[i + 1]); baseExpression = baseExpression.replace('/', ''); i -= 1; break; default: break; } } for (var j = 0; j < baseExpression.length; j++) { switch (baseExpression.charAt(j)) { case '+': constants.splice(j, 2, constants[j] + constants[j + 1]); baseExpression = baseExpression.replace('+', ''); j -= 1; break; case '-': constants.splice(j, 2, constants[j] - constants[j + 1]); baseExpression = baseExpression.replace('-', ''); j -= 1; break; default: break; } } return constants[0]; } // ]]></script> </p> <div style="text-align: center;"><textarea id="txtExpression" style="width: 90%; height: 200px; overflow-y: visible;"></textarea> <div style="width: 90%; margin: 4px auto; text-align: left;"><input id="btnSubit" type="button" onclick="calc()" value="计算" />&nbsp;<span id="txtResult"></span></div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
对于一些更安全的容错严重，需要用到
2008-09-09
关于javascript原型的修改与重写(覆盖)差别详解
下面小编就为大家带来一篇关于javascript原型的修改与重写(覆盖)差别详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
如何用JavaScipt测网速
这篇文章主要介绍了如何用JavaScipt测网速，对测网速感兴趣的同学，可以参考下
2021-05-05
JavaScript高级程序设计读书笔记之十本地对象Date日期
本地对象Date日期操作实现方法，需要的朋友可以参考下
2012-02-02
JavaScript中常用的验证reg
js验证实用性非常高，用途非常广泛，用于校验ip地址的格式等操作，本文给大家介绍JavaScript中常用的验证reg，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-10-10
通过JavaScript实现扑克牌游戏的示例代码
这篇文章主要为大家详细介绍了JavaScript如何通过面向对象实现一个简单的扑克牌游戏，文中的示例代码代码讲解详细，感兴趣的可以学习一下
2022-07-07
JavaScript防抖与节流超详细全面讲解
在开发中我们经常会遇到一些高频操作，比如：鼠标移动，滑动窗口，键盘输入等等，节流和防抖就是对此类事件进行优化，降低触发的频率，以达到提高性能的目的。本文就教大家如何实现一个让面试官拍大腿的防抖节流函数，需要的可以参考一下
2022-10-10
jquery实现左右滑动式轮播图
这篇文章主要为大家详细介绍了jquery实现左右滑动式轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
IE7提供XMLHttpRequest对象为兼容
IE7提供XMLHttpRequest对象为兼容...
2007-03-03
three.js中点对象(Point)和点材质(PointsMaterial)的具体使用
本文主要介绍了three.js中点对象(Point)和点材质(PointsMaterial)的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07

最新评论