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 运算符优先级

  1. 小括号;
  2. 一元运算符;
  3. 算术运算符;
  4. 关系运算符;
  5. 相等运算符;
  6. 逻辑运算符;
  7. 赋值运算符;
  8. 逗号运算符;

JavaScript基础-3的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. css属性分类介绍

    css属性分类介绍 CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position ...

  2. 基于 websocket 实现的 im 实时通讯案例

    分享利用 redis 订阅与发布特性,巧妙的现实高性能im系统.为表诚意,先贴源码地址:https://github.com/2881099/im 下载源码后的运行方法: 运行环境:.NETCore ...

  3. 设计模式之组合模式——Java语言描述

    组合模式又叫做部分整体模式,适用于把一组相似的对象当作一个单一的对象.组合模式依据树形结构来组合对象,用来表示部分以及整体层次 介绍 意图 将对象组合成树形结构以表示"部分-整体" ...

  4. vue-router中元信息meta的妙用

    { path:"/test", name:"test", component:()=>import("@/components/test&quo ...

  5. Flex很难?一文就足够了

    Flexible Box 是什么   布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实 ...

  6. 怎么让DIV在另一个DIV里靠底部显示?

    可以使用css的position属性的绝对定位. 拓展知识 position 属性指定了元素的定位类型. position 属性的五个值: static:HTML元素的默认值,即没有定位,元素出现在正 ...

  7. openlayers4 入门开发系列之地图展示篇(附源码下载)

    前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api,里面详细的介绍 openlayers4 各个类的介绍,还有就是在线例子:openlayers4 官网在线例子 ...

  8. 衡量GDP,哪种夜间灯光数据更靠谱?

    <新科学家>杂志报道,随着经济发展,一些国家通常会新修道路,扩展居民区,这两项措施都会使从太空中看到的灯光强度增加.不少学者利用夜间灯光数据与国内生产总值统计数据进行比较,发现从太空中看到 ...

  9. linux、shell一些操作指令

    1.cd $(dirname $0)   shell脚本里面添加这个命令就可以进入此sh目录下,不用写绝对路径 2.strMac=`ifconfig eth0 | grep "HWaddr& ...

  10. 2018-01-12 Antlr4添加中文变量赋求值,括号,各种问题

    中文编程知乎专栏原文地址 例程(更多测试用例在此): 基数=100 基数×(基数+1)÷2 => 求值为5050 续上文Antlr4实现数学四则运算, 修改的语法规则部分: 程序: 声明+; 声 ...