TypeScript 运算符 | 菜鸟教程
菜鸟教程 -- 学的不仅是技术，更是梦想！
首页 HTML CSS JavaScript Vue Bootstrap NodeJS Python3 Python2 Java C C++ C# Go SQL Linux jQuery 本地书签 我的圈子 登录 --> JS Search Python3 教程 Python2 教程 Vue3 教程 vue2 教程
Bootstrap3 教程
Bootstrap4 教程
Bootstrap5 教程
Bootstrap2 教程
TypeScript 教程
TypeScript 安装
TypeScript
基础语法
TypeScript 基础类型
TypeScript 变量声明
TypeScript 运算符
TypeScript 条件语句
TypeScript 循环
TypeScript 函数
TypeScript Number
TypeScript String
TypeScript Array(数组)
TypeScript Map 对象
TypeScript 元组
TypeScript 联合类型
TypeScript 接口
TypeScript 类
TypeScript 对象
TypeScript 泛型
TypeScript 命名空间
TypeScript 模块
TypeScript 声明文件
TypeScript 测验
运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。
考虑以下计算：
7 + 5 = 12
以上实例中 7、5 和 12 是操作数。
运算符
用于加值。
用于赋值。
TypeScript 主要包含以下几种运算：
算术运算符
逻辑运算符
关系运算符
按位运算符
赋值运算符
三元/条件运算符
字符串运算符
类型运算符
假定
y=5
，下面的表格解释了这些算术运算符的操作：
描述
例子
x 运算结果
y 运算结果
加法
x=y+2
减法
x=y-2
乘法
x=y*2
10
除法
x=y/2
2.5
取模（余数）
x=y%2
++
自增
x=++y
x=y++
--
自减
x=--y
x=y--
实例
var
num1
number
num2
res
   
console.
log
(
"加:        "
)
"减: "
"乘:    "
"除:   "
"余数:   "
"num1 自增运算: "
"num2 自减运算: "
使用
tsc
命令编译以上代码得到如下 JavaScript 代码：
console
"
加:
减:
乘:
除:
余数:
++;
num1 自增运算:
--;
num2 自减运算:
执行以上 JavaScript 代码，输出结果为：
12
减: 8
20
num1 自增运算: 11
num2 自减运算: 1
关系运算符用于计算结果是否为 true 或者 false。
x=5，下面的表格解释了关系运算符的操作：
比较
返回值
==
等于
x==8
false
x==5
true
!=
 不等于
x!=8
>
 大于
x>8
<
 小于
x<8
>=
 大于或等于
x>=8
<=
 小于或等于
x<=8
num1 的值为:
num2 的值为:
num1 大于n num2:
num1 小于 num2:
num1 大于或等于
num2:
num1 小于或等于 num2:
num1 等于 num2:
num1 不等于 num2:
num1 的值为: 5
num2 的值为:9
num1 大于n num2: false
num1 小于 num2: true
num2: false
num1 小于或等于 num2: true
num1 等于 num2: false
num1 不等于 num2: true
逻辑运算符用于测定变量或值之间的逻辑。
给定 x=6 以及 y=3，下表解释了逻辑运算符：
&&
and
(x < 10 && y > 1) 为 true
||
or
(x==5 || y==5) 为 false
not
!(x==y) 为 true
avg
percentage
90
avg 值为:
,percentage 值为:
boolean
50
80
(avg>50)&&(percentage>80):
(avg>50)||(percentage>80):
=!
!((avg>50)&&(percentage>80)):
= !
avg 值为: 20 ,percentage 值为: 90
短路运算符(&& 与 ||)
&& 与 || 运算符可用于组合表达式。 && 运算符只有在左右两个表达式都为 true 时才返回 true。
考虑以下实例：
var a = 10
var result = ( a<10 && a>5)
以上实例中 a < 10 与 a > 5 是使用了
&& 运算符的组合表达式，第一个表达式返回了
false，由于
&& 运算需要两个表达式都为 true，所以如果第一个为 false，就不再执行后面的判断(a > 5 跳过计算)，直接返回 false。
|| 运算符只要其中一个表达式为 true ，则该组合表达式就会返回 true。
var result = ( a>5 || a<10)
以上实例中 a > 5 与 a < 10 是使用了
|| 运算符的组合表达式，第一个表达式返回了
true，由于 || 组合运算只需要一个表达式为 true，所以如果第一个为 true，就不再执行后面的判断(a < 10 跳过计算)，直接返回 true。
位运算符
位操作是程序设计中对位模式按位或二进制数的一元和二元操作。
类似于
结果
十进制
&
AND，按位与处理两个长度相同的二进制数，两个相应的二进位都为 1，该位的结果值才为 1，否则为 0。
x = 5 & 1
0101 & 0001
0001
 1
OR，按位或处理两个长度相同的二进制数，两个相应的二进位中只要有一个为 1，该位的结果值为 1。
x = 5 | 1
0101 | 0001
0101
 5
取反，取反是一元运算符，对一个二进制数的每一位执行逻辑反操作。使数字 1 成为 0，0 成为 1。
x = ~ 5
 ~0101
1010
 -6
异或，按位异或运算，对等长二进制模式按位或二进制数的每一位执行逻辑异按位或操作。操作的结果是如果某位不同则该位为 1，否则该位为 0。
x = 5 ^ 1
0101 ^ 0001
0100
 4
<<
左移，把 << 左边的运算数的各二进位全部左移若干位，由 << 右边的数指定移动的位数，高位丢弃，低位补 0。
x = 5 << 1
0101 << 1
 10
>>
右移，把 >> 左边的运算数的各二进位全部右移若干位，>> 右边的数指定移动的位数。
x = 5 >> 1
0101 >> 1
0010
>>>
无符号右移，与有符号右移位类似，除了左边一律使用0 补位。
x = 2 >>> 1
0010 >>> 1
//
二进制 10
二进制 11
result
(a & b) =>
(a | b) =>
(a ^ b) =>
(~b) =>
(a << b) =>
(a >> b) =>
(a >>> 1) =>
-4
16
赋值运算符用于给变量赋值。
给定
x=10
，下面的表格解释了赋值运算符：
x 值
= (赋值)
x = y
x = 5
+= (先进行加运算后赋值)
x += y
x = x + y
x = 15
-= (先进行减运算后赋值)
x -= y
x = x - y
*= (先进行乘运算后赋值)
x *= y
x = x * y
x = 50
/= (先进行除运算后赋值)
x /= y
x = x / y
x = 2
类似的逻辑运算符也可以与赋值运算符联合使用：
<<=
>>=
>>>=
&=
|=
^=
a = b:
+=
a+=b:
-=
a-=b:
*=
a*=b:
/=
a/=b:
%=
a%=b:
a = b: 10
a+=b: 20
a-=b: 10
a*=b: 100
a/=b: 10
a%=b: 0
三元运算符 (?)
三元运算有 3 个操作数，并且需要判断布尔表达式的值。该运算符的主要是决定哪个值应该赋值给变量。
Test ? expr1 : expr2
Test − 指定的条件语句
expr1 − 如果条件语句 Test 返回 true 则返回该值
expr2 − 如果条件语句 Test 返回 false 则返回该值
让我们看下以下实例：
num
= -
大于 0
小于 0，或等于 0
实例中用于判断变量是否大于 0。
使用 tsc 命令编译以上代码得到如下 JavaScript 代码：
以上实例输出结果如下：
typeof 运算符
typeof 是一元运算符，返回操作数的数据类型。
查看以下实例:
typeof
输出结果: number
instanceof
instanceof 运算符用于判断对象是否为指定的类型，后面章节我们会具体介绍它。
其他运算符
负号运算符(-)
更改操作数的符号，查看以下实例：
x 值为:
输出结果 4
y 值为:
输出结果 -4
字符串运算符: 连接运算符 (+)
+ 运算符可以拼接两个字符串，查看以下实例：
msg
string
RUNOOB
.COM
RUNOOB.COM
点我分享笔记
笔记需要是本篇文章的内容扩展！
文章投稿，可点击这里
注册邀请码获取方式
分享笔记前必须
取消
分享笔记
昵称
昵称 (必填)
邮箱
邮箱 (必填)
引用地址
分类导航
HTML / CSS
HTML 教程
HTML5 教程
CSS 教程
CSS3 教程
Font Awesome 教程
Foundation 教程
JavaScript 教程
HTML DOM 教程
jQuery 教程
AngularJS 教程
AngularJS2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
Node.js 教程
AJAX 教程
JSON 教程
Echarts 教程
Chart.js 教程
Highcharts 教程
Google 地图 教程
服务端
Python 教程
Python2.x 教程
Linux 教程
Docker 教程
Ruby 教程
Java 教程
C 教程
C++ 教程
Perl 教程
Servlet 教程
JSP 教程
Lua 教程
Rust 教程
Scala 教程
Go 教程
PHP 教程
数据结构与算法
Django 教程
FastAPI 教程
Zookeeper 教程
设计模式
正则表达式
Maven 教程
Verilog 教程
ASP 教程
AppML 教程
VBScript 教程
数据库
SQL 教程
MySQL 教程
PostgreSQL 教程
SQLite 教程
MongoDB 教程
Redis 教程
Memcached 教程
数据分析
NumPy 教程
Pandas 教程
Matplotlib 教程
Scipy 教程
R 教程
Julia 教程
移动端
Android 教程
Swift 教程
jQuery Mobile 教程
ionic 教程
Kotlin 教程
XML 教程
DTD 教程
XML DOM 教程
XSLT 教程
XPath 教程
XQuery 教程
XLink 教程
XPointer 教程
XML Schema 教程
XSL-FO 教程
SVG 教程
ASP.NET
ASP.NET 教程
C# 教程
Web Pages 教程
Razor 教程
MVC 教程
Web Forms 教程
Web Service
Web Service 教程
WSDL 教程
SOAP 教程
RSS 教程
RDF 教程
开发工具
Eclipse 教程
Git 教程
Svn 教程
Markdown 教程
网站建设
HTTP 教程
网站建设指南
浏览器信息
网站主机教程
TCP/IP 教程
W3C 教程
网站品质
Advertisement
反馈/建议
在线实例
·
HTML 实例
CSS 实例
JavaScript 实例
Ajax 实例
jQuery 实例
XML 实例
Java 实例
字符集&工具
HTML 字符集设置
HTML ASCII 字符集
JS 混淆/加密
PNG/JPEG 图片压缩
HTML 拾色器
JSON 格式化工具
随机数生成器
最新更新
SVG VScode
HTML AI 编程助手
C++ vector 容器
免费开源，无需 ...
C VScode
JavaScript VScode
Java AI 编程助手
站点信息
意见反馈
免责声明
关于我们
文章归档
关注微信
Copyright © 2013-2024
菜鸟教程
 
runoob.com
All Rights Reserved. 备案号：
闽ICP备15012807号-1
微信关注