当前位置: 首页 > news >正文

typeScript 之 运算符

工具: PlayGround


算术运算符

运算符描述
+
-
*
/
%取模(求余)
++自增
自减

注意++--,实例:

let value = 0;
console.log(value++);		//0, 先显示再增加后为1
console.log(++value);		//2,先增加后为2再显示

关系运算符

运算符描述
== !=等于 和 不等于, ==会进行类型转换
===!==恒等于 和恒不等于, 不会进行类型转换
> < >= <=大于 小于 大于等于 小于等于

注意区分: =====,实例:

// == 会进行类型转换
console.log(10 == "10");        // true
console.log(true == 1);         // true// ===
console.log(10 === "10");        // false
console.log(true === 1);         // false 

推荐使用后者, 更安全。


逻辑运算符

运算符描述
&&并且
`
!取反

简单实例:

const value = 10;
console.log(value > 0 && value < 20);   // true 
console.log(value > 20 || value < 30);  // true
console.log(!value);                    // false 

位运算符

运算符描述
&按位与处理两个长度相同的二进制数,两个相应的二进位都为 1,该位的结果值才为 1,否则为 0
``
~取反是一元运算符,对一个二进制数的每一位执行逻辑反操作。使数字 1 成为 0,0 成为 1
^按位异或运算,对等长二进制模式按位或二进制数的每一位执行逻辑异按位或操作。操作的结果是如果某位不同则该位为 1,否则该位为 0
<<>>左移和右移指定位数

赋值运算符

运算符描述
=赋值
+=先加再赋值
-=先减再赋值
*=先乘再赋值
/=先除再赋值

注意: value++value +=1的结果都一样,看个人习惯;


其他运算符

运算符说明
value = expr ? value1 : value2 三元运算符,expr判定为true,则value1, 为false则value2
typeof返回数据类型,比如number, string,boolean等
instanceof判定对象是否为指定的类实例

简单的实例:

// 三元
const value = 10;
let resout = (value > 0)? "RIGHT" : "ERROR";
console.log(resout);            // RIGHT// 类型判定
const data: number[] = [1, 2, 3];
console.log(typeof(data));      // object// 对象检测
class Demo {//
}
const demo = new Demo();
console.log(demo instanceof Demo);  // true

http://www.lryc.cn/news/119449.html

相关文章:

  • BGP实验
  • pytest fixture 常用参数
  • vue项目里面有多个模块的服务,前端处理url转发
  • web表单
  • C++BUG记录:文件无法创建,文件路径正确但使用了Format
  • nodejs框架 express koa介绍以及从零搭建 koa 模板
  • 84 | Python可视化篇 —— Pyecharts数据可视化
  • 【Nginx】Nginx负载均衡
  • vue3报错
  • 每日一学——IP地址和子网掩码
  • 【redis 3.2 集群】
  • JS 解决鼠标悬浮显示弹窗 迅速离开时弹窗显示到其他位置的延迟问题
  • 树莓派命令行运行调用音频文件的函数,不报错,没有声音解决办法
  • 解决无法引入 mysql-connector-j 的问题
  • 解释器模式(Interpreter)
  • python读入和读出图像
  • 每日一题——最长公共前缀
  • iOS开发-WebRTC本地直播高分辨率不显示画面问题
  • python项目virtualenv环境部署正式项目和后台运行实践
  • 平替 Docker - 玩转容器新利器 Podman Desktop (视频)
  • nodejs+vue+elementui招聘求职网站系统的设计与实现-173lo
  • 静态链接(7/13)
  • jvs-rules API数据源配置说明(含配置APIdemo视频)
  • 爬虫来介绍ChromeF12 谷歌开发者工具 -Network
  • [足式机器人]Part4 机械设计 Ch00/01 绪论+机器结构组成与连接 ——【课程笔记】
  • Android isLoggable定制属于自己的log
  • 【Spring Boot】构建RESTful服务 — 使用Swagger生成Web API文档
  • 【实战】 九、深入React 状态管理与Redux机制(五) —— React17+React Hook+TS4 最佳实践,仿 Jira 企业级项目(二十)
  • PHP傻瓜也能搭建自己框架
  • 为什么商业基础软件需要开源