JavaScript基础-3
3 运算符
按照个数分类可分为:一元运算符、二元运算符、三元运算符;
按照功能分类可分为:算数运算符、自增运算符、比较运算符、逻辑运算符、赋值运算符;
3.1 算数运算符
算术运算符包含了加减乘除,符号表示如下:
| 运算符 | 描述 | 示例 |
| + | 加 | 1 + 1 =2 |
| - | 减 | 1 -1 = 0 |
| * | 乘 | 1 * 1 =1 |
| / | 除 | 1 / 1 = 1 |
| % | 取余 | 3 % 2 = 1 |
3.2 自增(自减)运算符
- 自增运算符
1 前置自增运算符
var num; num = num +1; // ++num 等价于 ++num
2 后置自增运算符
var num; num = num +1; // num++ 等价于 num++
区别:
前置自增是先自加1后返回值,后置自增是先返回值后加1;
自减和自增类似。
3.3 比较运算符
比较运算符是两个数据进行比较时所用的运算符,会返回布尔值;
| 运算符 | 描述 | 示例 | 返回值 |
| < | 小于号 | 1<2 | true |
| > | 大于号 | 2>1 | true |
| >= | 大于等于 | 2>=2 | true |
| <= | 小于等于 | 1<=2 | true |
| == | 等号(值一样 隐式转换) | 2==2 | true |
| != | 不等号 | 1!=2 | true |
| === !== | 全等(值和数据类型一致) | '2'==='2' | true |
3.4 逻辑运算符
用来进行布尔运算,返回值也是布尔值;
| 运算符 | 描述 | 示例 |
| && | 与 | true && false |
| || | 或 | true || false |
| ! | 非 | ! true |
- 逻辑运算
当有多个表达式的时候,左边的表达式的值可以确定时,就停止运算右边的值;
逻辑与
语法:表达式1 && 表达式2
若表达式1为真,则返回表达式2;
若表达式1为假,则返回表达式1;
console.log(123 && 456); // 返回值 456
console.log(0 && 456); // 返回值 0
逻辑或
语法:表达式1 || 表达式2
若表达式1为真,则返回表达式1;
若表达式1为假,则返回表达式2;
console.log(123 || 456); // 返回值 123
console.log(0 || 456); // 返回值 456
3.5 赋值运算符
用来把数据赋值给变量的运算符;
| 运算符 | 描述 | 示例 |
| = | 直接赋值 | var num1 = 1; |
| += -= | 加、减后再赋值 | var age1 = 1; age1 += 2; // 3 |
| *= /= %= | 乘、除、取余后再赋值 | var str1 = 1; str1 *= 2; // 2 |
3.6 运算符优先级
- 小括号;
- 一元运算符;
- 算术运算符;
- 关系运算符;
- 相等运算符;
- 逻辑运算符;
- 赋值运算符;
- 逗号运算符;
JavaScript基础-3的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- css属性分类介绍
css属性分类介绍 CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position ...
- 基于 websocket 实现的 im 实时通讯案例
分享利用 redis 订阅与发布特性,巧妙的现实高性能im系统.为表诚意,先贴源码地址:https://github.com/2881099/im 下载源码后的运行方法: 运行环境:.NETCore ...
- 设计模式之组合模式——Java语言描述
组合模式又叫做部分整体模式,适用于把一组相似的对象当作一个单一的对象.组合模式依据树形结构来组合对象,用来表示部分以及整体层次 介绍 意图 将对象组合成树形结构以表示"部分-整体" ...
- vue-router中元信息meta的妙用
{ path:"/test", name:"test", component:()=>import("@/components/test&quo ...
- Flex很难?一文就足够了
Flexible Box 是什么 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实 ...
- 怎么让DIV在另一个DIV里靠底部显示?
可以使用css的position属性的绝对定位. 拓展知识 position 属性指定了元素的定位类型. position 属性的五个值: static:HTML元素的默认值,即没有定位,元素出现在正 ...
- openlayers4 入门开发系列之地图展示篇(附源码下载)
前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api,里面详细的介绍 openlayers4 各个类的介绍,还有就是在线例子:openlayers4 官网在线例子 ...
- 衡量GDP,哪种夜间灯光数据更靠谱?
<新科学家>杂志报道,随着经济发展,一些国家通常会新修道路,扩展居民区,这两项措施都会使从太空中看到的灯光强度增加.不少学者利用夜间灯光数据与国内生产总值统计数据进行比较,发现从太空中看到 ...
- linux、shell一些操作指令
1.cd $(dirname $0) shell脚本里面添加这个命令就可以进入此sh目录下,不用写绝对路径 2.strMac=`ifconfig eth0 | grep "HWaddr& ...
- 2018-01-12 Antlr4添加中文变量赋求值,括号,各种问题
中文编程知乎专栏原文地址 例程(更多测试用例在此): 基数=100 基数×(基数+1)÷2 => 求值为5050 续上文Antlr4实现数学四则运算, 修改的语法规则部分: 程序: 声明+; 声 ...