什么是算术运算符？及其小案例

-算术运算符，顾名思义就是用来进行数字运算的符号，有五种算术运算符--加法运算符（+），减法运算符（-），乘法运算符（*），除法运算符（/），取模运算符（又称取余运算符）（%）。

-算术运算符的结合性是左结合性（从左至右计算）。

-算术运算符的优先级是什么呢？

乘法运算符（*），除法运算符（/），取模运算符（又称取余运算符）（%）的优先级高于加法运算符（+），减法运算符（-）。

//加法运算符（+），减法运算符（-）优先级低于乘法运算符（*），除法运算符（/）
//，取模运算符（又称取余运算符）（%）var a=1+2*3;var b=1+2/2;var c=4-2%1;console.log(a);//7console.log(b);//2console.log(c);//4

加法运算符，其他的运算符同理。

//声明两个变量，将数值存储进去。可以看出变量和变量相加，控制台输出的结果是一个数值。var a=1;var b=2;var c=a+b;console.log(c);//3
//这里可以看出变量和常量（不可以变化更改的量，定死的量）相加，
//控制台输出的结果也是一个数值。var s=a+9 ;console.log(s);  //10

-什么是取模运算符？

就相当于对一个数进行运算，取它的余数。

相应的公式为：被除数÷ 除数 =商 ...余数

//10取余4的结果是2var a=10%4console.log(a);//2

-加法运算符的注意点：

任何非数值类型的数据在参与加法运算之前，都会被自动的转换为数值类型之后再参与运算。没有例外。
任何的数据和NaN进行运算，结果都是NaN。相当于任何数值和0运算，结果都是0。
▲任何数据和字符串进行相加，都会被先转换为字符串类型之后再进行运算，（都会把非字符串的类型转换为字符串再进行相应的运算）字符串相加的本质就是字符串的拼接。

  // 首先将数值1转换为字符串类型 '1',然后和字符串 '2'进行拼接。// 其他的运算数据同理。var a=1+'2';console.log(a);//12

-减法运算符的注意点：

任何非数值类型的数据在参与加法运算之前，都会被自动的转换为数值类型之后再参与运算。
任何的数据和NaN进行运算，结果都是NaN。相当于任何数值和0运算，结果都是0。
▲任何数据和字符串相减，都会先把字符串转换为数值类型之后再进行运算。和加法运算符恰恰相反。

//首先将字符串'123'转换为数值123，然后和数值1进行相应的运算。
//   其他的运算数据同理。    let a=1-'123';console.log(a);//-122

-乘法运算符，除法运算符的注意点和减法运算符的注意点一模一样的。

-取模运算符的注意点：

格式为：Y%X=余数

如果Y>X，就正常取余。
```
      var a=10%5;console.log(a);//0
```
如果Y<X，那么结果就是Y。
```
      var b=2%5;console.log(b);//2
```
如果X等于0，那么结果就是NaN。
```
      var c=3%0;console.log(c);//NaN
```

取模（取余）运算结果的正负值，取决于Y而不是X。

      var d1=10%（-3）;console.log(d1);//1var d2=-10%3;console.log(d2);//-1

简单的计算器小案例：

首先添加三个文本输入框，分别给它们一个ID，第一个输入框的ID为num1，第二个输入框的ID为num2，第三个输入框的ID为result。

然后添加一个运算符的输入框，它的ID为op。

JavaScript的代码为：

//parseInt() 专门用于将字符串类型转换为数值类型，将值转换为整数。
//document.getElementById   通过元素ID来查找相应的元素。
//然后分别获取三个文本输入框的value值var num1=parseInt(document.getElementById("num1").value);var num2=parseInt(document.getElementById("num2").value);var op=document.getElementById("op").value;
//声明一个变量result（结果） 将0赋值给result。var result=0;

简单实现加减乘除的效果：

可以使用循环遍历的语句来实现，

第一种方法：if-else if 语句 -使用该语句来选择多个代码块之一来执行，遵从从上到下的执行方式

        if(op=="+"){result=num1+num2;}else if(op=="-"){result=num1-num2;}else if(op=="*"){result=num1*num2;}else{if(num2==0){alert("除数不能为零");//返回return;}result=num1/num2;}
//将result的结果赋值给 -document.getElementById("result").value
//（通过元素result的ID来查找元素，获取它的value值）document.getElementById("result").value=result;

第二中方法：switch 语句 - 使用该语句来选择多个代码块之一来执行，遵从从上到下的执行方式

            switch(op){case "+":result=num1+num2;break;case "-":result=num1-num2;break;case "*":result=num1*num2;break;default:/*使用 default 关键词来规定匹配条件不存在时该执行的代码*/if(num2==0){alert("除数不能为零");//返回return;}result=num1/num2;break;}
//将result的结果赋值给 -document.getElementById("result").value
//（通过元素result的ID来查找元素，获取它的value值）document.getElementById("result").value=result;

案例扩展：

1.ECMAScript 提供了两种把非数字的原始值转换成数字的方法，即 parseInt(),parseFloat()。

前者将数值转换为整数，后者将数值转换为浮点数（就是小数点）。专门用于string（字符串）类型的转换。

2.有三种查找HTML元素的方法：

方法	描述
document.getElementById(id)	通过元素ID来查找相应的元素
document.getElementsByTagName(name)	通过元素标签名来查找相对应的元素
document.getElementsByClassName(name)	通过类名来查找相对应的元素

什么是算术运算符？及其小案例相关推荐

【Python学习笔记】第一章基础知识：格式化输出，转义字符，变量类型转换，算术运算符，运算符优先级和赋值运算符，逻辑运算符，世界杯案例题目，条件判断if语句，猜拳游戏与三目运算符
Python学习笔记之[第一章]基础知识前言: 一.格式化输出 1.基本格式: 2.练习代码: 二.转义字符 1.基本格式: 2.练习代码: 3.输出结果: 三.输入 1.基本格式: 2.练习代码: ...
java基础语法入门到类型转换问题，运算符，数据输入，数组，方法概述，Debug模式，以及10个小案例的详细介绍。
java基础语法目录 java基础语法 1. Java概述 1.1 Java语言发展史(了解) 1.2 Java语言跨平台原理(理解) 1.3 JRE和JDK(记忆) 1.4 JDK的下载和安装(应 ...
算术表达式求解背景_1.8 C++算术运算符与表达式
点击上方"C语言入门到精通",选择置顶第一时间关注程序猿身边的故事作者闫小林白天搬砖,晚上做梦.我有故事,你有酒么? 基本的算术运算符在上一节大概介绍了算术运算符有哪些, ...
JS算术运算符、 JS赋值运算符、 JS自增自减、 JS比较运算符、 JS逻辑运算符、 JS三元运算符、 JS选择分支
文章目录 1.算术运算符常见的算术运算符: 2.赋值运算符例: 3.自增自减自增: 自身的值上+1 自减: 自身的值上-1 例: 4.比较运算符比较运算符:用于比较两个值的大小关系,返回值是一 ...
JavaScript基础语法及小案例
目录 JavaScript基础语法 1. 变量声明和赋值 2. 数据类型 1) 基本数据类型 2) 复合数据类型(引用类型) 3) 特殊数据类型 3. 运算符 1) 算术运算符 2) 赋值运算符 3) ...
Python算术运算符及用法详解
算术运算符也即数学运算符,用来对数字进行数学运算,比如加减乘除.下表列出了 [Python] 支持所有基本算术运算符. 接下来将对表 1 中各个算术运算符的用法逐一讲解. + 加法运算符加法运算符很 ...
算术运算符举例java_Java的算术运算符简介
Java的算术运算符简介算术运算符号,就是用来处理四则运算的符号,这是最简单,也最常用的符号,尤其是数字的处理,几乎都会使用到算术运算符号.下面小编为大家整理了关于Java的算术运算符简介,一起来看 ...
java if赋值语句_Java基础第3天+运算符（算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符、三元运算符）、Scanner键盘录入、if语句...
1:运算符(掌握) (1)算术运算符 A:+,-,*,/,%,++,-- B:+的用法 a:加法 b:正号 c:字符串连接符 C:/和%的区别数据做除法操作的时候,/取得是商,%取得是余数 D:++ ...
在学习Python基础中需要知道的知识点：运算符大全，收藏，以后方面查询（算术运算符、赋值运算符、比较运算符、位运算符、逻辑运算符、成员运算符、身份运算符、运算符优先级））
一.算术运算符运算符描述实例 + 加 - 两个对象相加 a + b 输出结果 30 - 减 - 得到负数或是一个数减去另一个数 a - b 输出结果 -10 * 乘 - 两个数相乘或是返回一个被 ...

什么是算术运算符？及其小案例

什么是算术运算符？及其小案例相关推荐

最新文章

热门文章