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中的return布尔值的用法和原理解析
这篇文章主要介绍了JavaScript中的return布尔值的用法和原理解析,需要的朋友可以参考下
2017-08-08
javascript实现文字无缝滚动
这篇文章主要介绍了javascript实现文字无缝滚动，文字可以实现上下滚动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JS 实现Table相同行的单元格自动合并示例代码
Table相同行的单元格自动合并，使用js来实现此效果，具体代码下，感兴趣的朋友可以参考下
2013-08-08
JS中怎样判断undefined(比较不错的方法)
用servlet赋值给html页面文本框值后,用alert来弹出这个值.结果显示"undefined".下面为大家介绍下具体的判断方法，大家可以参考下
2014-03-03
JavaScript+Node.js写一款markdown解析器
这篇文章主要介绍了利用JavaScript和Node.js写一款markdown解析器，首先编写getHtml函数，传入markdown文本字符串，下面更多详细内容，需要的小伙伴可以参考一下
2022-02-02
在小程序中推送模板消息的实现方法
这篇文章主要介绍了在小程序中推送模板消息的实现方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-07-07
vscode工具函数idGenerator使用深度解析
这篇文章主要为大家介绍了vscode工具函数idGenerator使用深度解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
探究一道价值25k的蚂蚁金服异步串行面试题
这篇文章主要介绍了探究一道价值25k的蚂蚁金服异步串行面试题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
细数JavaScript 一个等号,两个等号,三个等号的区别
下面小编就为大家带来一篇细数JavaScript 一个等号,两个等号,三个等号的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
微信小程序使用Vant Weapp组件库的方法步骤
这篇文章主要给大家介绍了关于微信小程序使用Vant Weapp组件库的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08

最新评论