减小字体
增大字体- ·上一篇文章：TypeScript 变量声明
- ·下一篇文章：TypeScript 条件语句
当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS02 → 文章内容
TypeScript 运算符
TypeScript 运算符运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。考虑以下计算：7 + 5 = 12以上实例中 7、5 和 12 是操作数。运算符 + 用于加值。运算符 = 用于赋值。TypeScript 主要包含以下几种运算：算术运算符逻辑运算符关系运算符按位运算符赋值运算符三元/条件运算符字符串运算符类型运算符算术运算符假定 y=5，下面的表格解释了这些算术运算符的操作：运算符描述例子 x 运算结果 y 运算结果+加法x=y+275-减法x=y-235*乘法x=y*2105/除法x=y/22.55%取模（余数）x=y%215++自增x=++y66x=y++56--自减x=--y44x=y--54实例var num1:
number = 10var num2:
number = 2var res:
number = 0res = num1 + num2console.log("加:
"+res);res = num1 - num2;console.log("减:
"+res)res = num1*num2console.log("乘:
"+res)res = num1/num2console.log("除:
"+res)res = num1%num2console.log("余数:
"+res)num1++console.log("num1 自增运算:
"+num1)num2--console.log("num2 自减运算:
"+num2)使用 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余数:
0num1 自增运算:
11num2 自减运算:
1关系运算符关系运算符用于计算结果是否为 true 或者 false。x=5，下面的表格解释了关系运算符的操作：运算符描述比较返回值==等于x==8falsex==5true!= 不等于x!=8true> 大于x>8false< 小于x<8true>= 大于或等于x>=8false<= 小于或等于x<=8true实例var num1:
number = 5;var num2:
number = 9;console.log("num1 的值为:
"+num1);console.log("num2 的值为:
"+num2);var res = num1>num2console.log("num1 大于n num2:
"+res)res = num1<num2console.log("num1 小于 num2:
"+res)res = num1>=num2console.log("num1 大于或等于 num2:
"+res)res = num1<=num2console.log("num1 小于或等于 num2:
"+res)res = num1==num2console.log("num1 等于 num2:
"+res)res = num1!=num2console.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 的值为:
5num2 的值为:
9num1 大于n num2:
falsenum1 小于 num2:
truenum1 大于或等于 num2:
falsenum1 小于或等于 num2:
truenum1 等于 num2:
falsenum1 不等于 num2:
true逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符： 运算符描述例子&&and (x < 10 && y > 1) 为 true||or(x==5 || y==5) 为 false!not !(x==y) 为 true实例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短路运算符(&& 与 ||)&& 与 || 运算符可用于组合表达式。 && 运算符只有在左右两个表达式都为 true 时才返回 true。 考虑以下实例：var a = 10 var result = ( a<10 && a>5)以上实例中 a < 10 与 a > 5 是使用了 && 运算符的组合表达式，第一个表达式返回了 false，由于 && 运算需要两个表达式都为 true，所以如果第一个为 false，就不再执行后面的判断(a > 5 跳过计算)，直接返回 false。|| 运算符只要其中一个表达式为 true ，则该组合表达式就会返回 true。考虑以下实例：var a = 10 var result = ( a>5 || a<10)以上实例中 a > 5 与 a < 10 是使用了 || 运算符的组合表达式，第一个表达式返回了 true，由于 || 组合运算只需要一个表达式为 true，所以如果第一个为 true，就不再执行后面的判断(a < 10 跳过计算)，直接返回 true。位运算符位操作是程序设计中对位模式按位或二进制数的一元和二元操作。 运算符描述例子类似于结果十进制&AND，按位与处理两个长度相同的二进制数，两个相应的二进位都为 1，该位的结果值才为 1，否则为 0。x = 5 & 10101 & 00010001; 00010001?1|OR，按位或处理两个长度相同的二进制数，两个相应的二进位中只要有一个为 1，该位的结果值为 1。x = 5 | 10101 | 00010101?5~取反，取反是一元运算符，对一个二进制数的每一位执行逻辑反操作。使数字 1 成为 0，0 成为 1。x = ~ 5?~01011010?-6^异或，按位异或运算，对等长二进制模式按位或二进制数的每一位执行逻辑异按位或操作。操作的结果是如果某位
number = 10var num2:
number = 2var res:
number = 0res = num1 + num2console.log("加:
"+res);res = num1 - num2;console.log("减:
"+res)res = num1*num2console.log("乘:
"+res)res = num1/num2console.log("除:
"+res)res = num1%num2console.log("余数:
"+res)num1++console.log("num1 自增运算:
"+num1)num2--console.log("num2 自减运算:
"+num2)使用 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余数:
0num1 自增运算:
11num2 自减运算:
1关系运算符关系运算符用于计算结果是否为 true 或者 false。x=5，下面的表格解释了关系运算符的操作：运算符描述比较返回值==等于x==8falsex==5true!= 不等于x!=8true> 大于x>8false< 小于x<8true>= 大于或等于x>=8false<= 小于或等于x<=8true实例var num1:
number = 5;var num2:
number = 9;console.log("num1 的值为:
"+num1);console.log("num2 的值为:
"+num2);var res = num1>num2console.log("num1 大于n num2:
"+res)res = num1<num2console.log("num1 小于 num2:
"+res)res = num1>=num2console.log("num1 大于或等于 num2:
"+res)res = num1<=num2console.log("num1 小于或等于 num2:
"+res)res = num1==num2console.log("num1 等于 num2:
"+res)res = num1!=num2console.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 的值为:
5num2 的值为:
9num1 大于n num2:
falsenum1 小于 num2:
truenum1 大于或等于 num2:
falsenum1 小于或等于 num2:
truenum1 等于 num2:
falsenum1 不等于 num2:
true逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符： 运算符描述例子&&and (x < 10 && y > 1) 为 true||or(x==5 || y==5) 为 false!not !(x==y) 为 true实例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短路运算符(&& 与 ||)&& 与 || 运算符可用于组合表达式。 && 运算符只有在左右两个表达式都为 true 时才返回 true。 考虑以下实例：var a = 10 var result = ( a<10 && a>5)以上实例中 a < 10 与 a > 5 是使用了 && 运算符的组合表达式，第一个表达式返回了 false，由于 && 运算需要两个表达式都为 true，所以如果第一个为 false，就不再执行后面的判断(a > 5 跳过计算)，直接返回 false。|| 运算符只要其中一个表达式为 true ，则该组合表达式就会返回 true。考虑以下实例：var a = 10 var result = ( a>5 || a<10)以上实例中 a > 5 与 a < 10 是使用了 || 运算符的组合表达式，第一个表达式返回了 true，由于 || 组合运算只需要一个表达式为 true，所以如果第一个为 true，就不再执行后面的判断(a < 10 跳过计算)，直接返回 true。位运算符位操作是程序设计中对位模式按位或二进制数的一元和二元操作。 运算符描述例子类似于结果十进制&AND，按位与处理两个长度相同的二进制数，两个相应的二进位都为 1，该位的结果值才为 1，否则为 0。x = 5 & 10101 & 00010001; 00010001?1|OR，按位或处理两个长度相同的二进制数，两个相应的二进位中只要有一个为 1，该位的结果值为 1。x = 5 | 10101 | 00010101?5~取反，取反是一元运算符，对一个二进制数的每一位执行逻辑反操作。使数字 1 成为 0，0 成为 1。x = ~ 5?~01011010?-6^异或，按位异或运算，对等长二进制模式按位或二进制数的每一位执行逻辑异按位或操作。操作的结果是如果某位
TypeScript 运算符
