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需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

javascript动态判断html元素并执行不同的操作
在javascript中对触发事件的元素进行判断，然后执行不同的操作，下面是具体的实现，需要的朋友可以学习下
2014-06-06
js简单时间比较的方法
这篇文章主要介绍了js简单时间比较的方法,通过2个自定义函数实现针对时间与日期的比较功能,涉及javascript日期及时间换算与比较操作相关技巧,需要的朋友可以参考下
2016-08-08
js初始化验证实例详解
这篇文章主要介绍了js初始化验证,结合实例形式分析了javascript初始化验证相关的判断、设置、检测等相关操作技巧,需要的朋友可以参考下
2016-11-11
javascript实现的白板效果(可以直接在网页上写字)
javascript动画系列之网页白板 javascript实现的白板(兼容ff,ie,chrome,……)
2010-07-07
js cookie实现记住密码功能
这篇文章主要为大家详细介绍了js cookie实现记住密码功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
JS基于Ajax实现的网页Loading效果代码
这篇文章主要介绍了JS基于Ajax实现的网页Loading效果代码,通过时间函数结合数学运算实现页面样式的动态变换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
详解Bootstrap四种图片样式
本文给大家介绍Bootstrap 对图片的支持，Bootstrap提供了四个可对图片应用简单样式的class，对Bootstrap四种图片class相关知识感兴趣的朋友一起学习吧
2016-01-01
css+html+js实现五角星评分
这篇文章主要为大家详细介绍了css+html+js实现五角星评分，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
layui table 获取分页 limit的方法
今天小编就为大家分享一篇layui table 获取分页 limit的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
基于JavaScript实现活动倒计时效果
这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果，距离活动时间还剩多少，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04

最新评论