首页 > 其他分享 >用Devecostudio写一个简单的计算器

用Devecostudio写一个简单的计算器

时间:2024-07-30 10:26:12浏览次数:13  
标签:cacu const 计算器 length num && 简单 operand Devecostudio

用Devecostudio写一个简单的计算器

//计算器
import { Button1 } from './Button1'
import {Button2} from'./Button2'//定义两个按钮格式
// import {Cal}from'./cal'也可以将四则运算的函数定义到别处然后引入,这里为了方便直接放到这里了
interface Operator {
  symbol: string;
  precedence: number;
  operation: (a: number, b: number) => number;
}
const operators: Operator[] = [
  { symbol: '+', precedence: 1, operation: (a, b) => a + b },
  { symbol: '-', precedence: 1, operation: (a, b) => a - b },
  { symbol: '×', precedence: 2, operation: (a, b) => a * b },
  { symbol: '%', precedence: 2, operation: (a, b) => a / 100 + (b/1000)},
  { symbol: '÷', precedence: 2, operation: (a, b) => a / b }
];
function Cal(expression: string): number {
  const tokens = expression.split(' ');
  const operand: number[] = [];
  const operator: Operator[] = [];
​
  for (const token of tokens) {
    if (!isNaN(Number(token))) {
      operand.push(Number(token));
    } else {
      const currentOperator = operators.find(op => op.symbol === token);
      if (currentOperator) {
        while (operator.length > 0 && operator[operator.length - 1].precedence >= currentOperator.precedence) {
          const op = operator.pop()!;
          const b = operand.pop()!;
          const a = operand.pop()!;
          operand.push(op.operation(a, b));
        }
        operator.push(currentOperator);
      }
    }
  }
  while (operator.length > 0) {
    const op = operator.pop()!;
    const b = operand.pop()!;
    const a = operand.pop()!;
    operand.push(op.operation(a, b));
  }
  return operand.pop()!;
}
@Entry
@Component
struct Index{
​
  @State cacu:string=''
  @State result:string='0'
  build() {
  Column({space:10}){
    Blank()
    Column() {
      Text(this.result).fontColor(Color.White).fontSize(50)
        .padding({ top: '0.00vp', right: '40.00vp', bottom: '0.00vp', left: '0.00vp' })
    }.width('100%').alignItems(HorizontalAlign.End)
​
    Column() {
      Text(this.cacu).fontColor(Color.White).fontSize(25)
        .padding({ top: '0.00vp', right: '40.00vp', bottom: '0.00vp', left: '0.00vp' })
    }.width('100%').alignItems(HorizontalAlign.End).height(40)
​
​
    Row({space:10}) {
      Button1({num:'AC',buttonColor:0xA5A5A5,textColor:Color.Black,textSize:30}).onClick(()=>{
        this.cacu=''
        this.result='0'
      })
      Button1({num:'CE',buttonColor:0xA5A5A5,textColor:Color.Black,textSize:30}).onClick(()=>{
        this.cacu=this.cacu.slice(0,-1)
      })
      Button1({num:'%',buttonColor:0xA5A5A5,textColor:Color.Black,textSize:30}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!=' '&&this.cacu[this.cacu.length-1]!='+'&&this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+' % '
      })
      Button1({num:'÷',buttonColor:0xFF9F0B}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!=' '&&this.cacu[this.cacu.length-1]!='+'&&this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+' ÷ '
      })
    }
    Row({space:10}) {
      Button1({num:'7'}).onClick(()=>{
        this.cacu=this.cacu+7
      })
      Button1({num:'8'}).onClick(()=>{
        this.cacu=this.cacu+8
      })
      Button1({num:'9'}).onClick(()=>{
        this.cacu=this.cacu+9
      })
      Button1({num:'+',buttonColor:0xFF9F0B}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!=' '&&this.cacu[this.cacu.length-1]!='+'&&this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+' + '
      })
    }
    Row({space:10}) {
      Button1({num:'4'}).onClick(()=>{
        this.cacu=this.cacu+4
      })
      Button1({num:'5'}).onClick(()=>{
        this.cacu=this.cacu+5
      })
      Button1({num:'6'}).onClick(()=>{
        this.cacu=this.cacu+6
      })
      Button1({num:'-',buttonColor:0xFF9F0B}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!=' '&&this.cacu[this.cacu.length-1]!='+'&&this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+' - '
      })
    }
    Row({space:10}) {
      Button1({num:'1'}).onClick(()=>{
        this.cacu=this.cacu+1
      })
      Button1({num:'2'}).onClick(()=>{
        this.cacu=this.cacu+2
      })
      Button1({num:'3'}).onClick(()=>{
        this.cacu=this.cacu+3
      })
      Button1({num:'×',buttonColor:0xFF9F0B}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!=' '&& this.cacu[this.cacu.length-1]!='+'&& this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+' × '
      })
    }
    Row({space:10}){
      Button2({num:'0'}).onClick(()=>{
        this.cacu=this.cacu+0
      })
      Button1({num:'.'}).onClick(()=>{
        if(this.cacu[this.cacu.length-1]!='+'&&this.cacu[this.cacu.length-1]!='-'&&this.cacu[this.cacu.length-1]!='.'&&this.cacu[this.cacu.length-1]!='%'&&this.cacu[this.cacu.length-1]!='×'&&this.cacu[this.cacu.length-1]!='÷')
        this.cacu=this.cacu+'.'
      })
      Button1({num:'=',buttonColor:0xFF9F0B}).onClick(()=>{
        this.result=Cal(this.cacu).toString()
      })
    }
    .margin({ top: '0.00vp', right: '0.00vp', bottom: '40.00vp', left: '0.00vp' })
​
  }.width('100%')
    .height('100%')
    .backgroundColor(Color.Black)
  }
}
//../page/Button1.ets
@Preview
@Component
export struct Button1{
 num:string ='1'
  buttonColor:number=0X333333
  textColor:number=Color.White
  textSize:number=40
  build() {

    Column(){
      Text(this.num).fontColor(this.textColor)
        .fontSize(this.textSize)
        .fontWeight(FontWeight.Medium )
    }
    .width(75)
    .height(75)
    .backgroundColor(this.buttonColor)
    .justifyContent(FlexAlign.Center)
    .borderRadius(37.5)
  }
}
//../page/Button2.ets
@Component
export struct Button2{
  num:string ='0'
  buttonColor:number=0X333333
  textColor:number=Color.White
  textSize:number=40

  build() {
  Column(){
    Text(`${this.num}`)
      .fontColor(this.textColor)
      .fontSize(this.textSize)
      .fontWeight(FontWeight.Medium )
  }
  .width(160)
  .height(75)
  .backgroundColor(this.buttonColor)
  .justifyContent(FlexAlign.Center)
  .borderRadius(37.5)
  }
}
interface Operator {
  symbol: string;  // 运算符的符号,例如 '+'、'-' 等
  precedence: number;  // 运算符的优先级,数字越大优先级越高
  operation: (a: number, b: number) => number;  // 执行运算的函数,接收两个数字作为参数并返回运算结果
}

这里定义了一个名为 Operator 的接口,用于描述运算符的属性。每个运算符具有符号(symbol)、优先级(precedence)和执行运算的函数(operation)。

const operators: Operator[] = [
  { symbol: '+', precedence: 1, operation: (a, b) => a + b },
  { symbol: '-', precedence: 1, operation: (a, b) => a - b },
  { symbol: '×', precedence: 2, operation: (a, b) => a * b },
  { symbol: '%', precedence: 2, operation: (a, b) => a / 100 + (b/1000)},
  { symbol: '÷', precedence: 2, operation: (a, b) => a / b }
];

定义了一个包含四则运算运算符信息的数组 operators。其中,加法和减法的优先级为 1,乘法和除法的优先级为 2。

function Cal(expression: string): number {
  const tokens = expression.split(' ');
  const operand: number[] = [];
  const operator: Operator[] = [];

Cal 函数接受一个字符串表达式作为输入。首先,将表达式按空格分割成标记(tokens)。同时创建了两个栈,一个用于存储操作数(operandStack),一个用于存储运算符(operatorStack)。

for (const token of tokens) {
  if (!isNaN(Number(token))) {
    operand.push(Number(token));
  } else {
    const currentOperator = operators.find(op => op.symbol === token);
    if (currentOperator) {
      while (operator.length > 0 && operator[operator.length - 1].precedence >= currentOperator.precedence) {
        const op = operator.pop()!;
        const b = operand.pop()!;
        const a = operand.pop()!;
        operand.push(op.operation(a, b));
      }
      operator.push(currentOperator);
    }
  }
}

在遍历标记的循环中,如果标记是一个数字,则将其转换为数字并压入操作数栈。如果标记是一个运算符,先检查运算符栈顶的运算符优先级是否高于或等于当前运算符。如果是,则从运算符栈和操作数栈中取出相应的元素进行运算,并将结果压入操作数栈。然后将当前运算符压入运算符栈。

  while (operator.length > 0) {
    const op = operator.pop()!;
    const b = operand.pop()!;
    const a = operand.pop()!;
    operand.push(op.operation(a, b));
  }
  return operand.pop()!;
}

在遍历完所有标记后,如果运算符栈中还有运算符,继续取出进行运算,直到运算符栈为空。最后,返回操作数栈中唯一的结果。总的来说,这个函数实现了对一个四则运算表达式的计算,通过栈来处理运算符的优先级,遵循了常见的表达式求值算法。

例如,对于表达式 3 × 2 + 5 ÷ 2 :

  1. 首先将 3 、 2 压入 operand 栈,遇到 × 时,因为 operator 栈为空,将其压入。
  2. 然后将 5 、 2 压入 operand 栈,遇到 + 时,由于 × 的优先级更高,先计算 3 × 2 = 6 ,将结果压入 operand 栈,再将 + 压入 operator 栈。
  3. 最后处理剩余的 + 和 ÷ ,计算 6 + 2.5 = 8.5 并返回。

interface Operator 定义了一个操作符的接口,包含操作符的符号 symbol 、优先级 precedence 以及执行运算的函数 operation 。

  • 符号用于标识操作符,如 + 、 - 等。
  • 优先级用于确定运算的顺序,数值越大优先级越高。
  • 运算函数接受两个数字参数并返回运算结果。

operators 数组定义了一些常见的操作符及其属性和运算逻辑。

  • 例如, + 和 - 的优先级为 1 , × 和 ÷ 的优先级为 2 , % 具有特定的运算逻辑。

Cal 函数用于计算给定表达式的值。

  • tokens = expression.split(' ') 将输入的表达式按空格分割成一个个的标记(操作数或操作符)。
  • 两个栈 operand 用于存储操作数, operator 用于存储操作符。

遍历标记:

  • 如果是数字,将其转换为数字并压入 operand 栈。
  • 如果是操作符:先查找对应的操作符对象。
  • 然后通过比较当前操作符的优先级与栈顶操作符的优先级来决定是否进行运算。
  • 如果栈顶操作符的优先级更高或相等,就先取出两个操作数和栈顶操作符进行运算,将结果压入 operand 栈。
  • 最后将当前操作符压入 operator 栈。

遍历完标记后,处理剩余在 operator 栈中的操作符,逐个取出进行运算,直到 operator 栈为空。

最终返回 operand 栈中唯一的结果。

欢迎指正错误

标签:cacu,const,计算器,length,num,&&,简单,operand,Devecostudio
From: https://blog.csdn.net/2301_79847249/article/details/140789735

相关文章

  • 数据库索引的简单分类
    数据库的索引可以简单的分为四类:主键索引。针对表的主键所创建的索引,这种索引是默认自动创建的,而且只能有一个。唯一索引。避免表中某列的值重复,可以有多个唯一索引,在为某字段限定唯一约束时,会自动创建一个唯一索引。常规索引。一般的用于快速定位检索数据的索引,可以有多......
  • 简单认识MySQL存储引擎
    MySQL体系结构连接层。一些客户端和链接服务,主要完成如连接处理、授权认证及选相关的安全方案服务层。主要完成大多数的核心服务功能,比如SQL接口,缓存的查询,SQL分析和优化,部分内置函数的执行。所以跨存储引擎的功能在这一层实现,如存储过程、函数等。引擎层。真正负责DBMS中数据......
  • 《史上最简单的SpringAI+Llama3.x教程》-05-打破界限,Function Calling在业务场景中的
    什么是FunctionCallingFunctionCalling是一种技术,它允许大型语言模型(如GPT)在生成文本的过程中调用外部函数或服务。这种功能的核心在于,模型本身不直接执行函数,而是生成包含函数名称和执行函数所需参数的JSON,然后由外部系统执行这些函数,并将结果返回给模型以完成对话或......
  • OncePower,让你的文件重命名变得像呼吸一样简单!
    ......
  • 11. 2 用Python开发一个简单的Web服务器
    用Python开发一个简单的Web服务器11.2用Python开发一个简单的Web服务器11.2.1需求分析11.2.2系统设计11.2.3详细设计11.2.4实现11.2.5测试11.2.6部署和维护11.2.7文档和帮助文档11.2.8用户反馈11.2用Python开发一个简单的Web服务......
  • 11.1 用Python开发一个计算器程序
    用Python开发一个计算器程序11.1用Python开发一个计算器程序11.1.1设计思路11.1.2编写代码11.1.3运行与测试11.1用Python开发一个计算器程序在编程的世界里,创建简单的工具如计算器是初学者学习编程语言的一个好方法。Python,由于其简洁的语法......
  • 【信息学奥赛提高组】简单、初等数论
    初等数论目录初等数论整除与约数带余除法和整除质数与约数算数基本定理公约数和公倍数更相减损术欧几里得算法(辗转相除法)裴蜀定理拓展欧几里得算法(Ex-GCD)同余同余方程逆元预处理逆元威尔逊定理完全剩余系费马小定理Miller-Rabin测试简化剩余系欧拉定理扩展欧拉定理欧拉函数中国剩......
  • KMP1(字符串基本概念,KMP算法和简单应用)
    KMP1(字符串基本概念,KMP算法和简单应用)基础定义字符串\(S\):无特殊说明,字符串仅由26个小写字母\('a'-'z'\)构成,并用大写字母表示一个字符串。\(|S|\):表示一个字符串的长度\(S[i]\):表示字符串\(S\)第\(i\)个位置的字母,下标从\(1\)开始。子串\(S[l,r]\):表示......
  • 深圳大学-计算机系统(1)实验-简单游戏设计
    实验目的与要求(1)熟悉和理解LC-3的子程序指令格式。(2)掌握利用子程序解决问题的思路,加深对底层硬件的理解。实验内容具体一点:https://users.ece.utexas.edu/~patt/04f.306/LabAssignments/Lab5/lab5.html根据点和盒子游戏提供的一个通用框架以及一些提供好的子程序。......
  • 【新手|非常简单】VMWare在NAT模式下为Centos7虚拟机配置静态IP
    检查VMWare的网络设置点击VMWare菜单栏中的“编辑”,点击“虚拟网络编辑器”检查一下NAT模式那一条,和我这里的设置是不是一样的(IP可能会不一样),我这里的设置是默认设置。如果不确定,可以点击“还原默认设置”。(你也可以尝试按着截图中的设置调)检查虚拟机的网络连接右键虚拟机,......