欢迎光临散文网 会员登陆 & 注册

(建议收藏)JS基础入门三 - 运算符与Math对象

2020-07-03 11:25 作者:MagnumHou  | 我要投稿

一、运算符

1.1 算术运算符

算术运算符用来执行数学运算。

生活中常见的算术运算符有:  +     -     *     /     %(取模,取余数)  

算术运算符演示

"+" 运算可以作为:加法运算、正号、字符串参与的运算作为字符串拼接


上面这些运算符同样适用于程序执行数学运算,在JS中除了上面几个,还有其它算术运算符: ++(自增)   --(自增)

自增自减操作

练习:使用 prompt() 方法提示用户输入两个数字,对这两个数字进行加法运算并打印求和结果。

  如:用户输入 10 和 20这两个数字,求和后 结果为 30


1.2 比较运算符

比较运算符也叫关系运算。

比较运算符比较的结果是一个布尔值。

比较运算符有: >      <       >=       <=      ==(等于)   !=(不等于)     ===(全等于)   !==(全不等于)

比较运算符操作

练习:使用prompt()提示用户输入两个数字,利用比较运算符比较其值大小

例如:用户输入 a = 150 和 b = 18, 那么a >= b 比较的结果是 true


1.3 逻辑运算符

用来进行逻辑运算,运算符有: &     &&      |    ||     ! (逻辑非)

①逻辑与&&将逻辑与比喻成串联电路,判断过程,想象成电流通过的过程。

电流通过:如果a为真,电流能够通过流通到b,结果就是b;如果a为假,电流不能通过,停留在a,结果为a

串联电路


②逻辑或||将逻辑或比喻成并联电路,判断过程,想象成电流通过的过程。

电流经过时:如果a为真,电流直接从a完成循环,结果为a;如果a为假,电流从a不能经过,流经到b,我们结果是b。

并联电路
逻辑与 && 运算:两边都为真才是真,有一个为假则为假
逻辑或 || 运算:有一个为真即为真,两边都为假结果才为假
逻辑运算符操作
所有的基本数据类型进行逻辑运算时的运算
练习题

1.3 赋值运算符


不同于前面运算符运算顺序从左向右,赋值运算符运算顺序是从右往左的。

如: var  num;         num = 10;    将右边的字面量10赋给左边的变量num

赋值运算符:=     +=    -=     *=      /=    %=

赋值运算符操作


1.4 运算符的优先级

运算优先级: 贴身(前++、前--、正+、负-、逻辑非!) >>> 算术运算符(先乘除后加减)  >>>  比较运算符(先>  >=  <  <= ,再 ==  !=)>>逻辑运算符(先逻辑与&&,再逻辑或||)>>>  赋值运算符  >>> 后++、后--

运算顺序:除赋值运算符运算顺序从右往左,其它都是从左往右

运算符的优先级

1.5 三元运算符

语法:  条件表达式 ? 条件表达式成立执行的语句 : 条件表达式不成立执行的语句  

示例:

练习:提示用户输入两个任意大于0的整数,获取其中的最小值


1.6 运算符综合练习

  1. var a = 4;var sum = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || 9;

  2.  2. var a = 4;var  sum = 1 + 2 && 3 * a++ % 5 || 6 < 7 == 8 / !false

  3. 当工作年限不满1年,工资小于8000,年终奖为工资的1倍,否则是1.2倍;当工作年限不满2年,工资小于10000,年终奖为工资的1.5倍,否则是1.7倍;当工作年限为超过2年,工资小于13000,年终奖为工资的2.3倍,否则是3倍;用户输入年限,工资,输出年终奖


二、Math对象

这是JS中内置的一个对象,叫做算术对象。

Math 对象用于执行数学任务。

只要是对象,那么就具有特征与行为,体现到程序中就是属性和方法。

Math对象作为JS中的内置对象,给它内置了很多属性和方法。

Math将自己本身当作对象,可以直接调用这些属性和方法。

Math对象调用属性和方法的方式   Math.属性      Math.方法()

2.1 Math对象的属性

PI   获取圆周率Π=3.14...

2.2 Math对象的方法

random()       获取0-1之间的随机数  左闭右开[0,1)

round(num)   获取参数num的四舍五入的值

pow(x,y)   获取x的y次幂

sqrt(num)  获取参数num的开平方跟

 Math操作

练习:获取10 - 20之间的随机整数


(建议收藏)JS基础入门三 - 运算符与Math对象的评论 (共 条)

分享到微博请遵守国家法律