1、TypeScript 運算符
運算符用于執行程序代碼運算,會(huì )針對一個(gè)以上操作數項目來(lái)進(jìn)行運算。
考慮以下計算:
7 + 5 = 12復制
以上實(shí)例中 7、5 和 12 是操作數。
運算符 + 用于加值。
運算符 = 用于賦值。
TypeScript 主要包含以下幾種運算:
- 算術(shù)運算符
- 邏輯運算符
- 關(guān)系運算符
- 按位運算符
- 賦值運算符
- 三元/條件運算符
- 字符串運算符
- 類(lèi)型運算符
2、算術(shù)運算符
假定 y=5 ,下面的表格解釋了這些算術(shù)運算符的操作:
運算符 | 描述 | 例子 | x 運算結果 | y 運算結果 |
---|---|---|---|---|
+ | 加法 | x=y+2 | 7 | 5 |
- | 減法 | x=y-2 | 3 | 5 |
* | 乘法 | x=y*2 | 10 | 5 |
/ | 除法 | x=y/2 | 2.5 | 5 |
% | 取模(余數) | x=y%2 | 1 | 5 |
++ | 自增 | x=++y | 6 | 6 |
x=y++ | 5 | 6 | ||
-- | 自減 | x=--y | 4 | 4 |
x=y-- | 5 | 4 |
實(shí)例
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var num1 = 10; var num2 = 2; var res = 0; res = num1 + num2; console.log("加: " + res); res = num1 - num2; console.log("減: " + res); res = num1 * num2; console.log("乘: " + res); res = num1 / num2; console.log("除: " + res); res = num1 % num2; console.log("余數: " + res); num1++; console.log("num1 自增運算: " + num1); num2--; console.log("num2 自減運算: " + num2);
執行以上 JavaScript 代碼,輸出結果為:
加: 12
減: 8
乘: 20
除: 5
余數: 0
num1 自增運算: 11
num2 自減運算: 1
開(kāi)始前熟悉鴻蒙文檔
鴻蒙OS開(kāi)發(fā) | 更多內容↓點(diǎn)擊 | HarmonyOS與OpenHarmony技術(shù) |
---|---|---|
鴻蒙技術(shù)文檔 | 《鴻蒙NEXT星河版開(kāi)發(fā)學(xué)習文檔》 |
3、關(guān)系運算符
關(guān)系運算符用于計算結果是否為 true 或者 false。
x=5,下面的表格解釋了關(guān)系運算符的操作:
運算符 | 描述 | 比較 | 返回值 |
---|---|---|---|
== | 等于 | x==8 | false |
x==5 | true | ||
!= | 不等于 | x!=8 | true |
> | 大于 | x>8 | false |
< | 小于 | x<8 | true |
>= | 大于或等于 | x>=8 | false |
<= | 小于或等于 | x<=8 | true |
實(shí)例
var num1:number = 10
var num2:number = 2
var res:number = 0
res = num1 + num2
console.log("加: "+res);
res = num1 - num2;
console.log("減: "+res)
res = num1*num2
console.log("乘: "+res)
res = num1/num2
console.log("除: "+res)
res = num1%num2
console.log("余數: "+res)
num1++
console.log("num1 自增運算: "+num1)
num2--
console.log("num2 自減運算: "+num2)復制
var num1:number = 5; var num2:number = 9; console.log("num1 的值為: "+num1); console.log("num2 的值為:"+num2); var res = num1 >num2 console.log("num1 大于n num2: "+res) res = num1< num2 console.log("num1 小于 num2: "+res) res = num1 >=num2 console.log("num1 大于或等于 num2: "+res) res = num1<=num2 console.log("num1 小于或等于 num2: "+res) res = num1==num2 console.log("num1 等于 num2: "+res) res = num1!=num2 console.log("num1 不等于 num2: "+res)復制
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var num1 = 5;
var num2 = 9;
console.log("num1 的值為: " + num1);
console.log("num2 的值為:" + num2);
var res = num1 > num2;
console.log("num1 大于n num2: " + res);
res = num1 num2;
console.log("num1 小于 num2: " + res);
res = num1 >= num2; console.log("num1 大于或等于 num2: " + res);
res = num1 <= num2;
console.log("num1 小于或等于 num2: " + res);
res = num1 == num2;
console.log("num1 等于 num2: " + res);
res = num1 != num2;
console.log("num1 不等于 num2: " + res);
執行以上 JavaScript 代碼,輸出結果為:復制
num1 的值為: 5
num2 的值為:9
num1 大于n num2: false
num1 小于 num2: true
num1 大于或等于 num2: false
num1 小于或等于 num2: true
num1 等于 num2: false
num1 不等于 num2: true復制
4、邏輯運算符
邏輯運算符用于測定變量或值之間的邏輯。
給定 x=6 以及 y=3,下表解釋了邏輯運算符:
運算符 | 描述 | 例子 |
---|---|---|
&& | and | (x < 10 && y > 1) 為 true |
! | not | !(x==y) 為 true |
實(shí)例
var avg:number = 20;
var percentage:number = 90;
console.log("avg 值為: "+avg+" ,percentage 值為: "+percentage);
var res:boolean = ((avg >50)&&(percentage >80));
console.log("(avg >50)&&(percentage >80): ",res);
var res:boolean = ((avg >50)||(percentage >80));
console.log("(avg >50)||(percentage >80): ",res);
var res:boolean=!((avg >50)&&(percentage >80));
console.log("!((avg >50)&&(percentage >80)): ",res);復制
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var avg = 20;
var percentage = 90;
console.log("avg 值為: " + avg + " ,percentage 值為: " + percentage);
var res = ((avg > 50) && (percentage > 80));
console.log("(avg >50)&&(percentage >80): ", res);
var res = ((avg > 50) || (percentage > 80));
console.log("(avg >50)||(percentage >80): ", res);
var res = !((avg > 50) && (percentage > 80));
console.log("!((avg >50)&&(percentage >80)): ", res);復制
執行以上 JavaScript 代碼,輸出結果為:
avg 值為: 20 ,percentage 值為: 90
(avg >50)&&(percentage >80): false
(avg >50)||(percentage >80): true
!((avg >50)&&(percentage >80)): true復制
5、短路運算符(&& 與 ||)
&& 與 || 運算符可用于組合表達式。 && 運算符只有在左右兩個(gè)表達式都為 true 時(shí)才返回 true。
考慮以下實(shí)例:
var a = 10
var result = ( a< 10 && a >5)復制
以上實(shí)例中 a < 10 與 a > 5 是使用了 && 運算符的組合表達式,第一個(gè)表達式返回了 false,由于 && 運算需要兩個(gè)表達式都為 true,所以如果第一個(gè)為 false,就不再執行后面的判斷(a > 5 跳過(guò)計算),直接返回 false。
|| 運算符只要其中一個(gè)表達式為 true ,則該組合表達式就會(huì )返回 true。
考慮以下實(shí)例:
var a = 10
var result = ( a >5 || a< 10)復制
以上實(shí)例中 a > 5 與 a < 10 是使用了 || 運算符的組合表達式,第一個(gè)表達式返回了 true,由于 || 組合運算只需要一個(gè)表達式為 true,所以如果第一個(gè)為 true,就不再執行后面的判斷(a < 10 跳過(guò)計算),直接返回 true。
6、位運算符
位操作是程序設計中對位模式按位或二進(jìn)制數的一元和二元操作。
運算符 | 描述 | 例子 | 類(lèi)似于 | 結果 | 十進(jìn)制 |
---|---|---|---|---|---|
& | AND,按位與處理兩個(gè)長(cháng)度相同的二進(jìn)制數,兩個(gè)相應的二進(jìn)位都為 1,該位的結果值才為 1,否則為 0。 | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
OR,按位或處理兩個(gè)長(cháng)度相同的二進(jìn)制數,兩個(gè)相應的二進(jìn)位中只要有一個(gè)為 1,該位的結果值為 1。 | x = 5 | 1 | 0101 | ||
~ | 取反,取反是一元運算符,對一個(gè)二進(jìn)制數的每一位執行邏輯反操作。使數字 1 成為 0,0 成為 1。 | x = ~ 5 | ~0101 | 1010 | -6 |
^ | 異或,按位異或運算,對等長(cháng)二進(jìn)制模式按位或二進(jìn)制數的每一位執行邏輯異按位或操作。操作的結果是如果某位不同則該位為 1,否則該位為 0。 | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | 左移,把 << 左邊的運算數的各二進(jìn)位全部左移若干位,由 << 右邊的數指定移動(dòng)的位數,高位丟棄,低位補 0。 | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | 右移,把 >> 左邊的運算數的各二進(jìn)位全部右移若干位,>> 右邊的數指定移動(dòng)的位數。 | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>>> | 無(wú)符號右移,與有符號右移位類(lèi)似,除了左邊一律使用0 補位。 | x = 2 >>> 1 | 0010 >>> 1 | 0001 | 1 |
實(shí)例
var a:number = 2; // 二進(jìn)制 10
var b:number = 3; // 二進(jìn)制 11
var result; result = (a & b);
console.log("(a & b) = > ",result) result = (a | b);
console.log("(a | b) = > ",result) result = (a ^ b);
console.log("(a ^ b) = > ",result); result = (~b);
console.log("(~b) = > ",result); result = (a b);
console.log("(a < < b) = > ",result); result = (a >> b);
console.log("(a > > b) = > ",result); result = (a >> > 1);
console.log("(a > >> 1) = > ",result);復制
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var a = 2; // 二進(jìn)制 10
var b = 3; // 二進(jìn)制 11
var result; result = (a & b);
console.log("(a & b) = > ", result); result = (a | b);
console.log("(a | b) = > ", result); result = (a ^ b);
console.log("(a ^ b) = > ", result); result = (~b);
console.log("(~b) = > ", result); result = (a b);
console.log("(a < < b) = > ", result); result = (a >> b);
console.log("(a > > b) = > ", result); result = (a >> > 1);
console.log("(a > >> 1) = > ", result);復制
執行以上 JavaScript 代碼,輸出結果為:
(a & b) = > 2
(a | b) = > 3
(a ^ b) = > 1
(~b) = > -4
(a < < b) = > 16
(a > > b) = > 0
(a > >> 1) = > 1
復制
7、賦值運算符
賦值運算符用于給變量賦值。
給定 x=10 和 y=5 ,下面的表格解釋了賦值運算符:
運算符 | 例子 | 實(shí)例 | x 值 |
---|---|---|---|
= (賦值) | x = y | x = y | x = 5 |
+= (先進(jìn)行加運算后賦值) | x += y | x = x + y | x = 15 |
-= (先進(jìn)行減運算后賦值) | x -= y | x = x - y | x = 5 |
*= (先進(jìn)行乘運算后賦值) | x *= y | x = x * y | x = 50 |
/= (先進(jìn)行除運算后賦值) | x /= y | x = x / y | x = 2 |
類(lèi)似的邏輯運算符也可以與賦值運算符聯(lián)合使用:<<=, >>=, >>>=, &=, |= 與 ^=。
8、實(shí)例
var a: number = 12
var b:number = 10
a = b
console.log("a = b: "+a)
a += b
console.log("a+=b: "+a)
a -= b
console.log("a-=b: "+a)
a *= b
console.log("a*=b: "+a)
a /= b console.log("a/=b: "+a)
a %= b
console.log("a%=b: "+a)復制
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var a = 12;
var b = 10;
a = b;
console.log("a = b: " + a);
a += b;
console.log("a+=b: " + a);
a -= b;
console.log("a-=b: " + a);
a *= b;
console.log("a*=b: " + a);
a /= b;
console.log("a/=b: " + a);
a %= b;
console.log("a%=b: " + a);復制
執行以上 JavaScript 代碼,輸出結果為:
a = b: 10
a+=b: 20
a-=b: 10
a*=b: 100
a/=b: 10
a%=b: 0復制
9、三元運算符 (?)
三元運算有 3 個(gè)操作數,并且需要判斷布爾表達式的值。該運算符的主要是決定哪個(gè)值應該賦值給變量。
Test ? expr1 : expr2復制
- Test ? 指定的條件語(yǔ)句
- expr1 ? 如果條件語(yǔ)句 Test 返回 true 則返回該值
- expr2 ? 如果條件語(yǔ)句 Test 返回 false 則返回該值
讓我們看下以下實(shí)例:
var num:number = -2 var result = num > 0 ? "大于 0" : "小于 0,或等于 0" console.log(result)復制
實(shí)例中用于判斷變量是否大于 0。
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var num = -2; var result = num > 0 ? "大于 0" : "小于 0,或等于 0"; console.log(result);復制
以上實(shí)例輸出結果如下:
小于 0,或等于 0復制
10、類(lèi)型運算符
typeof 運算符
typeof 是一元運算符,返回操作數的數據類(lèi)型。
查看以下實(shí)例:
var num = 12 console.log(typeof num); //輸出結果: number
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var num = 12; console.log(typeof num); //輸出結果: number復制
以上實(shí)例輸出結果如下:
number復制
11、instanceof
instanceof 運算符用于判斷對象是否為指定的類(lèi)型,后面章節我們會(huì )具體介紹它。
12、其他運算符
負號運算符(-)
更改操作數的符號,查看以下實(shí)例:
var x:number = 4 var y = -x; console.log("x 值為: ",x); // 輸出結果 4 console.log("y 值為: ",y); // 輸出結果 -4復制
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var x = 4; var y = -x; console.log("x 值為: ", x); // 輸出結果 4 console.log("y 值為: ", y); // 輸出結果 -4復制
以上實(shí)例輸出結果如下:
x 值為: 4
y 值為: -4復制
字符串運算符: 連接運算符 (+)
- 運算符可以拼接兩個(gè)字符串,查看以下實(shí)例:
var msg:string = "RUNOOB"+".COM" console.log(msg)
使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼:
var msg = "RUNOOB" + ".COM"; console.log(msg);
以上實(shí)例輸出結果如下:
RUNOOB.COM
-
鴻蒙系統
+關(guān)注
關(guān)注
183文章
2626瀏覽量
65462 -
鴻蒙
+關(guān)注
關(guān)注
55文章
1971瀏覽量
42223 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1914瀏覽量
29498 -
OpenHarmony
+關(guān)注
關(guān)注
24文章
3448瀏覽量
15333 -
鴻蒙OS
+關(guān)注
關(guān)注
0文章
190瀏覽量
4306
發(fā)布評論請先 登錄
相關(guān)推薦
鴻蒙開(kāi)發(fā):【從TypeScript到ArkTS的適配規則】
![<b class='flag-5'>鴻蒙</b>開(kāi)發(fā):【從<b class='flag-5'>TypeScript</b>到ArkTS的適配規則】](https://file1.elecfans.com/web2/M00/E6/2C/wKgaomZCv1yAMM29AAB6w-f0y9Q375.png)
鴻蒙TypeScript學(xué)習21天:【聲明文件】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習</b>21天:【聲明文件】](https://file1.elecfans.com/web2/M00/C6/C5/wKgaomYCyYKAZp6HAAB4LWPdpdQ014.jpg)
鴻蒙TypeScript學(xué)習第20天:【模塊】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習</b>第20天:【模塊】](https://file1.elecfans.com/web2/M00/C5/D1/wKgZomYChGOAUaiiAADe1d8SeRY102.jpg)
鴻蒙TypeScript 開(kāi)發(fā)學(xué)習第9天:【TypeScript Number】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b> 開(kāi)發(fā)<b class='flag-5'>學(xué)習</b>第9天:【<b class='flag-5'>TypeScript</b> Number】](https://file1.elecfans.com/web2/M00/C5/CD/wKgZomYCdwyAIFf5AAB_7E1pFms943.jpg)
鴻蒙TypeScript入門(mén)學(xué)習第8天:【TypeScript 函數】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>入門(mén)</b><b class='flag-5'>學(xué)習</b>第8天:【<b class='flag-5'>TypeScript</b> 函數】](https://file1.elecfans.com/web2/M00/C5/CD/wKgZomYCdwyAIFf5AAB_7E1pFms943.jpg)
鴻蒙TypeScript學(xué)習第7天:【TypeScript 循環(huán)】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>學(xué)習</b>第7天:【<b class='flag-5'>TypeScript</b> 循環(huán)】](https://file1.elecfans.com/web2/M00/C7/8F/wKgaomYLpDmAT_0IAABO30lwptw557.jpg)
鴻蒙TypeScript入門(mén)學(xué)習第6天:【條件語(yǔ)句】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>入門(mén)</b><b class='flag-5'>學(xué)習</b>第6天:【條件語(yǔ)句】](https://file1.elecfans.com/web2/M00/C6/84/wKgZomYKR_aAbRPhAABW3F6g280594.png)
鴻蒙TypeScript入門(mén)學(xué)習第4天:【TS變量聲明】
鴻蒙TypeScript開(kāi)發(fā)入門(mén)學(xué)習第3天:【TS基礎類(lèi)型】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b>開(kāi)發(fā)<b class='flag-5'>入門(mén)</b><b class='flag-5'>學(xué)習</b>第3天:【TS基礎類(lèi)型】](https://file1.elecfans.com/web2/M00/C6/14/wKgZomYFEn-AfD6fAACtgCysfDU514.jpg)
鴻蒙TypeScript入門(mén)學(xué)習第2天【TypeScript安裝】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>TypeScript</b><b class='flag-5'>入門(mén)</b><b class='flag-5'>學(xué)習</b>第2天【<b class='flag-5'>TypeScript</b>安裝】](https://file1.elecfans.com/web2/M00/C6/DA/wKgaomYDxy2APS8FAABixqJ8Axg195.jpg)
C語(yǔ)言運算符的使用方法
![C語(yǔ)言<b class='flag-5'>運算符</b>的使用方法](https://file1.elecfans.com/web2/M00/AC/09/wKgaomVDF1-AYBFKAACPJ18ESQk001.jpg)
【觸覺(jué)智能 Purple Pi OH 開(kāi)發(fā)板體驗】二、鴻蒙系統APP應用例程學(xué)習HDC使用學(xué)習
TypeScript之父也搞大模型:推出TypeChat
![<b class='flag-5'>TypeScript</b>之父也搞大模型:推出TypeChat](https://file1.elecfans.com/web2/M00/8D/8D/wKgZomS909SARsCQAAAaptcjg3A202.png)
評論