本篇文章為大家帶來了關於javascript的相關知識,其中主要介紹了關於運算符的相關問題,運算符也被稱為操作符,是用於實現賦值、比較和執行算術運算等功能的符號,下面一起來看一下,希望對大家有幫助。
【相關推薦:javascript影片教學、web前端】
運算子(operator)也被稱為操作符,是用來實現賦值、比較和執行算數運算等功能的符號。
JavaScript中常用的運算子有:
概念:算術運算使用的符號,用於執行倆個變數或值的算術運算。
運算子 | #描述 | #實例 |
---|---|---|
加上 | 10 20=30 | |
- | 減 | 20-10=10 |
#* | 乘 | 10*20=200 |
/ | 除 | 10/20=0.5 |
%
#取餘數(取模)
console.log(1 + 1); //2 console.log(1 - 1); //0 console.log(1 * 1); //1 console.log(1 / 1); //1 console.log(4 % 2); //0
console.log(0.1 + 0.2); //0.30000000000000004
var num = 0.1 + 0.2; console.log(num == 0.3); //false
算術運算子優先順序:先乘除後加減
#可以使用%取餘運算子來判斷一個數能否被整除
表達式與傳回值:由數字、運算子、變數等組成的式子我們稱為表達式。
遞增和遞減運算子
如果需要重複加入數字變數或減去1,可以使用遞增(繁瑣寫法:
var num = 1; num = num + 1; num = num + 1; console.log(num); //3
前置遞增運算子:
寫在變數的前面
num=num 1
var age = 10; ++age; console.log(age);//11 类似于age = age + 1
使用口訣:先自加,後回傳值
console.log(age); var a = 10; console.log(++a + 10); //(10+1)+10=21
後置遞增運算子
#寫在變數的後面
var age = 10; age++; console.log(age);//11 类似于age = age + 1
var a = 10; console.log(a++ + 10); //10+10=20 console.log(a); //11
前置:先自加,後運算(
先己後人後置:先原值運算,後自加(先人後己)
練習:
概念: | 比較運算子(關係運算子)是 | 兩個資料進行比較時所使用的運算子,比較運算子後,會傳回一個布林值(true/false)作為比較運算的結果。 | |
---|---|---|---|
案例 | 結果 | ||
##< | 小於編號 | 1>2 | true |
#> | 大於號碼 | 1>2 | false |
#>= | 大於等於號碼(大於或等於) | 2>=2 | true |
#<= | #小於等於號碼(小於或等於) | 3<=2 | false |
== | 判等號(會轉型) | #17==17 | true |
!= | 不等號 | 17!=17 | false |
17==='17' | false | |
---|---|---|
符號 | #作用 | 用法 |
= | 賦值 | |
== | 判斷 |
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。
逻辑运算符 | 说明 | 案例 |
---|---|---|
&& | "逻辑与",简称“与”and | ture && false |
丨丨 | "逻辑或",简称“或”or | ture 丨丨 false |
! | "逻辑非",简称“非”not | ! true |
符号:&&
相对于and
两侧都为 true
结果才是 true
,只要有一侧为 false
,结果就为 false
console.log(3 > 5 && 3 > 2); //false console.log(3 < 5 && 3 < 7); //true
符号:||
相当于or
俩侧都为 false
,结果才是 false
,只要有一侧为 true
,结果就是 true
console.log(3 > 5 && 3 > 2); //false console.log(3 < 5 && 3 < 7); //true
符号:!
相对于not
逻辑非也叫作取反符,用来取一个布尔值相反的值。
console.log(!true); //false console.log(!false); //true
短路运算的原理:当有多个表达式(值)时,左边的表达值可以确定结果时,就不再继续运算右边的表达式的值。
逻辑与:
表达式1 && 表达式2
console.log(123 && 456); //返回456,除了0以外的所有数字都为真。 console.log(123 && 456 && 789); //返回789,依次后推 console.log(0 && 456); //0
逻辑或:
表达式1 || 表达式2
console.log(123 || 456); //123 console.log(123 || 456 || 123 + 456); //123 console.log(0 || 456 || 123 + 456); //456
注意:逻辑中断会造成短路操作,即不执行后面的代码,影响程序员的运行结果。
var num = 0; console.log(123 || num++); //逻辑中断造成num++未执行 console.log(num); //0
概念:用来把数据赋值给变量的运算符
赋值运算符 | 说明 | 案例 |
---|---|---|
= | 直接赋值 | var name='岳泽以'; |
+=、-= | 加、减一个数后再赋值 | var age=10; age+=5; //15 |
*=、/=、%= | 乘、除、取余后再赋值 | var age=10; age*=5; //10 |
var num = 5; num += 10; console.log(num); //5+10=15 num *= 3; console.log(num); //15*3=45
优先级 | 运算符 | 顺序 |
---|---|---|
1 | 小括号 | () |
2 | 一元运算符 | ++ -- ! |
3 | 算术运算符 | 先 * / 后 + - |
4 | 关系运算符 | > |
5 | 相等运算符 | == != === !== |
6 | 逻辑运算符 | 先 && 后 丨丨 |
7 | 赋值运算符 | = |
8 | 逗号运算符 | , |
console.log(4 >= 6 || '我' != '你' && !(12 * 2 == 144) && true); //true /* 逻辑运算符分四段 1.4 >= 6 得false 2.'我' != '你'得true 3.!(12 * 2 == 144)得ture 4.true 然后判断逻辑与:2与3得true 3和4得true 再判断逻辑或得:true */【相关推荐:javascript视频教程、web前端】
以上是一起聊聊JavaScript運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章!