TypeScript(四) 运算符

1. 运算符

1.1. 描述

   运算符用于执行程序代码运算。

1.2. 运算符主要包括:

(1)算术运算符
(2)逻辑运算符
(3)关系运算符
(4)按位运算符
(5)赋值运算符
(6)三元/条件运算符
(7)字符串运算符
(8)类型运算符

1.3. 算术运算符

   y=5,对下面算术运算符进行解释:
在这里插入图片描述
  实例:

/*** 算术运算*/countData: function () {var num1:number = 10 var num2:number = 2var res:number = 0res = 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)},

在这里插入图片描述

1.4. 关系运算符

  关系运算符用于计算结果是否为true或者false。
  X=5,对下面关系运算符进行解释:
在这里插入图片描述

  /*** 关系运算*/relationData: function () {var num1: number = 5;var num2: number = 9;console.log("num1 的值为: " + num1);console.log("num2 的值为:" + num2);var res: boolean = trueres = 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);},

在这里插入图片描述

1.5. 逻辑运算符

  逻辑运算符用于测定变量或值之间的逻辑。
  给定x=6以及y=3,对一下逻辑运算符进行解释:
在这里插入图片描述

  /*** 逻辑运算*/logicData: function () {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);},

在这里插入图片描述

1.6. 短路运算符(&&与||)

  && 与 || 运算符可用于组合表达式。 && 运算符只有在左右两个表达式都为 true 时才返回 true。
  实例1:

    var a: Number = 10var result: boolean = (a < 10 && a > 5)console.log("短路运算符(&&):" + result)

  以上实例中 a < 10 与 a > 5 是使用了 && 运算符的组合表达式,第一个表达式返回了 false,由于 && 运算需要两个表达式都为 true,所以如果第一个为 false,就不再执行后面的判断(a > 5 跳过计算),直接返回 false。
   || 运算符只要其中一个表达式为 true ,则该组合表达式就会返回 true。
  实例2:

    var a: Number = 10 var result: boolean = ( a>5 || a<10)console.log( result)

  实例中 a > 5 与 a < 10 是使用了 || 运算符的组合表达式,第一个表达式返回了 true,由于 || 组合运算只需要一个表达式为 true,所以如果第一个为 true,就不再执行后面的判断(a < 10 跳过计算),直接返回 true。

1.7. 位运算符

  位操作是程序设计中对位模式按位或二进制数的一元和二元操作
在这里插入图片描述
  实例

  /*** 位运算*/bitData: function () {var a = 2; // 二进制 10 var b = 3; // 二进制 11var 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);},

在这里插入图片描述

1.8. 赋值运算符

  赋值运算符用于给变量赋值。
  x=10 和 y=5,下面的表格解释了赋值运算符:
在这里插入图片描述
  备注:类似的逻辑运算符也可以与赋值运算符联合使用:<<=, >>=, >>>=, &=, |= 与 ^=。
  实例:

  /*** 赋值运算*/assignmentData: function () {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);},

在这里插入图片描述

1.9. 三元运算符

  三元运算有 3 个操作数,并且需要判断布尔表达式的值。该运算符的主要是决定哪个值应该赋值给变量。
  Test ? expr1 : expr2
  Test − 指定的条件语句
  expr1 − 如果条件语句 Test 返回 true 则返回该值
  expr2 − 如果条件语句 Test 返回 false 则返回该值
实例:

  /*** 赋值运算*/assignmentData: function () {/*** 三元运算符*/threeData: function () {var num:Number = -2;var result:string = num > 0 ? "大于 0" : "小于 0,或等于 0";console.log(result);},

在这里插入图片描述

1.10. 三元运算符

  typeof 运算符
  typeof 是一元运算符,返回操作数的数据类型。
实例:

  /*** 类型运算符*/classData: function () {var num = 12;console.log(typeof num); //输出结果: number},

在这里插入图片描述

1.11. 其它运算符

  负号运算符(-)
  实例:

  /*** 负号运算符(-)*/negativeData: function () {var x = 6;var y = -x;console.log("x 值为: ", x); // 输出结果 6console.log("y 值为: ", y); // 输出结果 -6},

在这里插入图片描述
  字符串运算符: 连接运算符 (+)
  实例:

   /*** 字符串运算符: 连接运算符 (+)*/positiveData: function () {var msg = "zhou" + "zhsh";console.log(msg);},

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/653121.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

内部类 --java学习笔记

内部类 是类中的五大成分之一&#xff08;成员变量、方法、构造器、内部类、代码块&#xff09;&#xff0c;如果一个类定义在另一个类的内部&#xff0c;那么这个类就是内部类当一个类的内部包含了一个整体的事务&#xff0c;且这个事务没必要单独设计时&#xff0c;就可以把…

(十三)centos7案例实战——用户、用户组及用户权限管理

前言 对于完备的centos系统来说&#xff0c;创建一套规范的账户权限系统是十分必要的。针对不同的用户提供不同的操作权限&#xff0c;避免直接使用root账号&#xff0c;造成系统的误操作&#xff0c;导致一些不必要的损失&#xff0c;将删库跑路扼杀在摇篮中。本节内容会从用…

基于springboot校园台球厅人员与设备管理系统源码和论文

在Internet高速发展的今天&#xff0c;我们生活的各个领域都涉及到计算机的应用&#xff0c;其中包括校园台球厅人员与设备管理系统的网络应用&#xff0c;在外国管理系统已经是很普遍的方式&#xff0c;不过国内的管理网站可能还处于起步阶段。校园台球厅人员与设备管理系统具…

Fastbee物联网项目新手快速入门

一&#xff0c;前提条件 后端环境准备如下&#xff1a; 正式环境推荐硬件资源最低要求4c8G&#xff0c;硬盘40G。JDK 1.8.0_2xx (需要小版本号大于200) 。Maven3.6.3。&#xff08;IDEA启动时使用IDEA默认自带的版本即可&#xff09;。 启动fastbee之前&#xff0c;请先确定…

课时6:编程语言逻辑

1.2.2 编程语言逻辑 学习目标 这一节&#xff0c;我们从 语言分类、编程逻辑、小结 三个方面来学习。 语言分类 语言分类 低级编程语言&#xff1a;机器&#xff1a;- 二进制的0和1的序列&#xff0c;称为机器指令。- 一般人看不懂汇编&#xff1a;- 用一些助记符号替代机…

LPC804开发(4.ctimer使用)

1.前言 昨天晚上画完板子&#xff0c;还剩点时间就再翻了翻手册&#xff0c;大致清楚了时钟树的运行&#xff0c;顺带搞清楚了定时的使用&#xff0c;那就出一份教程吧。 如果各位在此之前没有接触过LPC单片机&#xff0c;还是建议先把程序直接贴进自己的项目&#xff0c;稍微…

“拔叔”的新片又杀疯了!

近&#xff0c;“拔叔”麦斯米科尔斯的新片登上口碑榜。 该片曾入围去年威尼斯金狮奖&#xff0c;上映后颇受好评&#xff0c;目前豆瓣评分8.2分。 将代表丹麦角逐2024年奥斯卡最佳外语片&#xff0c;目前已入15强。 作为“丹麦最性感的男人”&#xff0c;拔叔的实力不容小觑。…

Logistics 逻辑回归概念

1. sigmoid函数 逻辑回归算法的拟合函数&#xff0c;叫做sigmoid函数&#xff1a; 函数图像如下&#xff08;百度图片搜到的图&#xff09;&#xff1a; sigmoid函数是一个s形曲线&#xff0c;就像是阶跃函数的温和版&#xff0c;阶跃函数在0和1之间是突然的起跳&#xff0c;…

std::for_each

std::for_each 是 C STL 中的标准函数之一&#xff0c;用于对指定的容器或序列中的元素执行指定的操作。该函数的头文件为 <algorithm>&#xff0c;定义在 namespace std 中&#xff0c;因此需要包含该头文件才能使用该函数。 std::for_each 函数是 C STL 中自 C98 就开…

【JavaSE篇】——类和对象

目录 &#x1f393;类定义和使用 &#x1f393;简单认识类 &#x1f6a9;类的定义格式 ❗注意事项 &#x1f393;类的实例化 &#x1f6a9;什么是实例化 &#x1f6a9;类和对象的说明 &#x1f393;this引用 &#x1f6a9;为什么要有this引用 &#x1f6a9;什么是thi…

【JavaScript 基础入门】02 JavaScrip 详细介绍

JavaScrip 详细介绍 目录 JavaScrip 详细介绍1. JavaScript 是什么2. JavaScript的作用3. HTML/CSS/JS 的关系4. 浏览器执行 JS 简介5. JavaScript 的组成6. JavaScript 的特点 1. JavaScript 是什么 JavaScript&#xff0c;通常缩写为 JS&#xff0c;是一种高级的&#xff0c;…

分布式技术浅见之复制

分布式技术浅见之复制 前言一、何为复制&#xff1f;1.1 主从复制和无主从复制1.2 同步复制与异步复制1.3 来点栗子1.3.1 Redis1.3.2 Mysql1.3.3 Mongo 二、复制是如何实现的&#xff1f;2.1 复制的过程2.2 来点栗子2.2.1 Redis2.2.2 Mysql2.2.3 Mongo 2.2 复制的实现方式2.4 举…

OpenHarmony—不支持解构赋值

规则&#xff1a;arkts-no-destruct-assignment 级别&#xff1a;错误 ArkTS不支持解构赋值。可使用其他替代方法&#xff0c;例如&#xff0c;使用临时变量。 TypeScript let [one, two] [1, 2]; // 此处需要分号 [one, two] [two, one];let head, tail [head, ...tail]…

MySQL十部曲之六:数据操作语句(DML)

文章目录 前言语法约定DELETEINSERTSELECT查询列表SELECT 选项子句FROMWHEREORDER BYGROUP BYHAVINGWINDOWLIMITFOR SELECT ... INTO连接查询CROSS JOIN和INNER JOINON和USINGOUTER JOINNATURE JOIN 子查询标量子查询使用子查询进行比较带有ANY、IN或SOME的子查询带有ALL的子查…

DETR解读,将Transformer带入CV

论文出处 [2005.12872] End-to-End Object Detection with Transformers (arxiv.org) 一个前置知识 匈牙利算法&#xff1a;来源于二部图匹配&#xff0c;计算最小或最大匹配 算法操作&#xff1a;在n*n的矩阵中 减去行列最小值&#xff0c;更新矩阵&#xff08;此时行或者…

搜维尔科技:【简报】元宇宙数字人赛道,优秀作品赏析《大福太郎》

这次采用亮眼的浅粉做为发色&#xff0c;为了贴合她小警察的身分 给了她一顶特制的警帽&#xff0c;上面有大福的荧光蓝叶片作为标 志&#xff0c;而在配件及裙子上也加入了许多科技元素的小巧思。 学校&#xff1a; 朝阳科技大学&#xff08;台湾&#xff09; 选手&#xff…

消息中间件之RocketMQ(二)

RocketMQ支持的消息类型 了解之前&#xff0c;首先要熟悉RocketMQ中的组件架构设计 1.顺序消息 将同一个订单(即具有相同的orderId)的消息按状态先后顺序消费的&#xff0c;所以消息生产者调用send方法发送时需要传入MessageQueueSelector接口的,实现类&#xff0c;将order…

【GitHub项目推荐--开源PDF 工具】【转载】

12 年历史的 PDF 工具开源了 最近在整理 PDF 的时候&#xff0c;有一些需求普通的 PDF 编辑器没办法满足&#xff0c;比如 PDF 批量合并、编辑等。 于是&#xff0c;我就去 GitHub 上看一看有没有现成的轮子&#xff0c;发现了这个 PDF 神器「PDF 补丁丁」&#xff0c;让人惊…

Vue+OpenLayers7入门到实战:快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2

返回《Vue+OpenLayers7》专栏目录:Vue+OpenLayers7 前言 本章针对Vue初学者,对Vue不熟悉,甚至还不会Vue的入门学生读者。 本章会详细讲解从NodeJS环境到npm环境的各个步骤,再到使用vue-cli脚手架快速生成项目,以及添加OpenLayers7地图库依赖,编写简单的xyz高德地图显示…

RuoYi-Vue前后端分离后台开发框架运行详细教程

一、官网下载代码 RuoYi-Vue是一款基于SpringBootVue的前后端分离极速后台开发框架。 若依官网&#xff1a;http://ruoyi.vip演示地址&#xff1a;http://vue.ruoyi.vip代码下载&#xff1a;https://gitee.com/y_project/RuoYi-Vue 下载之后解压&#xff0c;ruoyi-ui是前端代…