JS实现可针对算术表达式求值的计算器功能示例

前端之家收集整理的这篇文章主要介绍了JS实现可针对算术表达式求值的计算器功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JS实现可针对算术表达式求值的计算器功能分享给大家供大家参考,具体如下:

HTML部分:


CSS部分:

js部分:

','>','<','>'); array21=new Array( '>','>'); array22=new Array( '>','>'); array23=new Array('>','>'); array24=new Array('<','=',' '); array25=new Array('>',' ','>'); array26=new Array( '<','='); array2=new Array(array20,array21,array22,array23,array24,array25,array26); // b[7][7]={'>',// + // '>',// - // '>',// * // '>',// / // '<',// ( // '>',// ) // '<','=' }; // @ for(var i=0;ch1!=array1[i];i++); for(var j=0;ch2!=array1[j];j++); return array2[i][j]; } function operate(a,preop,b) //计算a?b的值 { // var num1=parseInt(a,10); // var num2=parseInt(b,10); var num1=parseFloat(a); var num2=parseFloat(b); // alert("a:"+num1+preop+"b:"+num2); switch(preop) { case'+':return(num1+num2);break; case'-':return(num1-num2);break; case'*':return(num1*num2);break; case'/':return(num1/num2);break; // default: cout<<"erro"<支持负数 { var str1=new Array(); if(str.charAt(0)=='-') { str1+="(0-1)*"; } else { str1+=str.charAt(0); } for(var i=1;i0) { expPre=str2.charAt(i-1); ///////////////////////!! if(isNum(expTemp)&&isNum(expPre)) //判断前后连续取到的是否都是数字字符,是则拼接 { str_temp[j-1]+=expTemp; j--; } else { str_temp[j]=expTemp; } } j++; } return str_temp; } function exp_result() { str_exp=str_exp+'@'; str=divided(str_exp); numArray=new Array(); //存放操作数 symbolArray =new Array();//存放操作符 symbolArray.push('@'); // numArray.push('@'); // alert(str.length); for(var i=0;str[i]!='@'||symbolArray[symbolArray.length-1]!='@';i++) { // alert(str[i]); // alert(symbolArray[symbolArray.length-1]); if(isNum(str[i])) { // alert("Num push:"+str[i]); numArray.push(str[i]); } else { // alert("symbol:"+str[i]); preop=symbolArray[symbolArray.length-1]; //取栈顶元素 switch(compare(preop,str[i])) { case'<':symbolArray.push(str[i]);break; case'=':symbolArray.pop();break; case'>':b=numArray.pop();a=numArray.pop();preop=symbolArray.pop(); //取两操作数与之前操作符运算 numArray.push(operate(a,b)); //计算结果入栈 // str.push(str[i]); //当前操作符入栈 i--; //继续与之前的操作符比较 break; } } } if(isNaN(numArray[0])) { alert("算术表达式输入有误!!"); } else alert("结果为:"+numArray[0]); str_exp=""; document.getElementById("input").value=str_exp; }

运行效果如下图所示:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript前端代码调试运行工具:测试上述代码运行效果。

PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:

在线一元函数(方程)求解计算工具:

科学计算器在线使用_高级计算器在线计算:

在线计算器_标准计算器:

更多关于JavaScript相关内容还可查看本站专题:《》、《》、《》、《》、《》及《

希望本文所述对大家JavaScript程序设计有所帮助。

猜你在找的JavaScript相关文章