js表达式计算器代码_javascript技巧

php中文网

发布时间：2016-05-16 18:00:14

1534人浏览过

来源于php中文网

原创

效果图：

代码:

魔法映像企业网站管理系统

技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作

下载

} 
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><div style="text-align: center;">
<textarea id="txtExpression" style="width: 90%; height: 200px; overflow-y: visible;"><div style="width: 90%; margin: 4px auto; text-align: left;">
<input id="btnSubit" type="button" onclick="calc()" value="计算"> <span id="txtResult"></span>
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

HTML 页面定时自动跳转：基于日期和时间的重定向实现教程

Vaadin 快捷键触发的 JavaScript 表达式被防火墙拦截的解决方案

JavaScript 正则表达式入门：解析那些看似“乱码”的斜杠包裹语法

如何在 React 中高效清除字符串中的引号（包括中文和英文引号）

如何在 HTML 页面中基于指定日期自动重定向到新页面