1、TypeScript 運算符

運算符用于執(zhí)行程序代碼運算，會針對一個以上操作數(shù)項目來進行運算。

考慮以下計算：

7 + 5 = 12復制

以上實例中 7、5 和 12 是操作數(shù)。

運算符 + 用于加值。

運算符 = 用于賦值。

TypeScript 主要包含以下幾種運算：

• 算術運算符
• 邏輯運算符
• 關系運算符
• 按位運算符
• 賦值運算符
• 三元/條件運算符
• 字符串運算符
• 類型運算符

2、算術運算符

假定 y=5 ，下面的表格解釋了這些算術運算符的操作：

實例

使用 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("余數(shù): " + res); num1++; console.log("num1 自增運算: " + num1); num2--; console.log("num2 自減運算: " + num2);

執(zhí)行以上 JavaScript 代碼，輸出結果為：

加:        12
減: 8
乘:    20
除:   5
余數(shù):   0
num1 自增運算: 11
num2 自減運算: 1

開始前熟悉鴻蒙文檔

3、關系運算符

關系運算符用于計算結果是否為 true 或者 false。

x=5，下面的表格解釋了關系運算符的操作：

實例

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("余數(shù):   "+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);

執(zhí)行以上 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，下表解釋了邏輯運算符：

實例

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);復制

執(zhí)行以上 JavaScript 代碼，輸出結果為：

avg 值為: 20 ,percentage 值為: 90
(avg >50)&&(percentage >80):  false
(avg >50)||(percentage >80):  true
!((avg >50)&&(percentage >80)):  true復制

5、短路運算符(&& 與 ||)

&& 與 || 運算符可用于組合表達式。 && 運算符只有在左右兩個表達式都為 true 時才返回 true。

考慮以下實例：

var a = 10 
var result = ( a< 10 && a >5)復制

以上實例中 a < 10 與 a > 5 是使用了 && 運算符的組合表達式，第一個表達式返回了 false，由于 && 運算需要兩個表達式都為 true，所以如果第一個為 false，就不再執(zhí)行后面的判斷(a > 5 跳過計算)，直接返回 false。

|| 運算符只要其中一個表達式為 true ，則該組合表達式就會返回 true。

考慮以下實例：

var a = 10 
var result = ( a >5 || a< 10)復制

以上實例中 a > 5 與 a < 10 是使用了 || 運算符的組合表達式，第一個表達式返回了 true，由于 || 組合運算只需要一個表達式為 true，所以如果第一個為 true，就不再執(zhí)行后面的判斷(a < 10 跳過計算)，直接返回 true。

6、位運算符

位操作是程序設計中對位模式按位或二進制數(shù)的一元和二元操作。

實例

var a:number = 2; // 二進制 10

var b:number = 3; // 二進制 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; // 二進制 10

var b = 3; // 二進制 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);復制

執(zhí)行以上 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 ，下面的表格解釋了賦值運算符：

類似的邏輯運算符也可以與賦值運算符聯(lián)合使用：<<=, >>=, >>>=, &=, |= 與 ^=。

8、實例

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);復制

執(zhí)行以上 JavaScript 代碼，輸出結果為：

a = b: 10
a+=b: 20
a-=b: 10
a*=b: 100
a/=b: 10
a%=b: 0復制

9、三元運算符 (?)

三元運算有 3 個操作數(shù)，并且需要判斷布爾表達式的值。該運算符的主要是決定哪個值應該賦值給變量。

Test ? expr1 : expr2復制

• Test ? 指定的條件語句
• expr1 ? 如果條件語句 Test 返回 true 則返回該值
• expr2 ? 如果條件語句 Test 返回 false 則返回該值

讓我們看下以下實例：

var num:number = -2 var result = num > 0 ? "大于 0" : "小于 0，或等于 0" console.log(result)復制

實例中用于判斷變量是否大于 0。

使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼：

var num = -2; var result = num > 0 ? "大于 0" : "小于 0，或等于 0"; console.log(result);復制

以上實例輸出結果如下：

小于 0，或等于 0復制

10、類型運算符

typeof 運算符

typeof 是一元運算符，返回操作數(shù)的數(shù)據(jù)類型。

查看以下實例:

var num = 12 console.log(typeof num); //輸出結果: number

使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼：

var num = 12; console.log(typeof num); //輸出結果: number復制

以上實例輸出結果如下：

number復制

11、instanceof

instanceof 運算符用于判斷對象是否為指定的類型，后面章節(jié)我們會具體介紹它。

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復制

以上實例輸出結果如下：

x 值為:  4
y 值為:  -4復制

字符串運算符: 連接運算符 (+)

• 運算符可以拼接兩個字符串，查看以下實例：

var msg:string = "RUNOOB"+".COM" console.log(msg)

使用 tsc 命令編譯以上代碼得到如下 JavaScript 代碼：

var msg = "RUNOOB" + ".COM"; console.log(msg);

以上實例輸出結果如下：

RUNOOB.COM