麋鹿鲁哟 麋鹿鲁哟
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
    • JavaScript 基础
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 面试题库

    • HTML
    • CSS
    • jQuery
    • Vue
    • 零碎
  • 面试心得

    • 杂言碎语
  • 摘抄收录

    • ☆ 励志鸡汤
    • ❀ 人间烟火
    • ☣ 万物沦丧
    • ✌ 关掉烦恼
    • ✲ 小酒馆
  • 读书笔记

    • 《小狗钱钱》
    • 《穷爸爸富爸爸》
    • 《聪明人使用方格笔记本》
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub

麋鹿鲁哟

前端小菜鸡(✪ω✪)
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
    • JavaScript 基础
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 面试题库

    • HTML
    • CSS
    • jQuery
    • Vue
    • 零碎
  • 面试心得

    • 杂言碎语
  • 摘抄收录

    • ☆ 励志鸡汤
    • ❀ 人间烟火
    • ☣ 万物沦丧
    • ✌ 关掉烦恼
    • ✲ 小酒馆
  • 读书笔记

    • 《小狗钱钱》
    • 《穷爸爸富爸爸》
    • 《聪明人使用方格笔记本》
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub
  • 简介
  • 变量
  • 数据类型
  • 运算符
    • 1. 算数运算符
    • 2. 赋值运算符
    • 3. 字符串运算符
    • 4. 关系(比较)运算符
    • 5. 逻辑运算符
    • 6. 位运算符
    • 7. 其他运算符
      • 7.1 三元运算符( ? : )
      • 7.2 typeof
      • 7.3 逗号(,)
      • 7.4 void
  • 流程语句
  • 数组
  • 函数
  • 字符串函数
  • 正则表达式
  • DOM 基本操作
  • Window 对象
  • JS 对象
  • JSON
  • Cookie
  • JavaScript 基础
麋鹿鲁哟
2020-07-20

运算符

# 1. 算数运算符

+(加法)、-(减法)、*(乘法)、/(除法)、%(取余)、++(自加)、--(自减)

// +(加法)
console.log( 1 + 1) // 2

// -(减法)
console.log( 2 - 1) // 1

// *(乘法)
console.log( 2 * 2) // 4

// /(除法)
console.log( 4 / 2) // 2

// %(取余)
console.log( 5 % 2) // 1
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 2. 赋值运算符

=(等于)、+=、-=、*=、/=、%=

// =(等于)
var a = 10 
console.log(a)  // 10

// +=
var a = 10 
console.log(a+=1) // 11

// -=
var a = 10 
console.log(a-=1) // 9

// *=
var a = 10 
console.log(a*=2) // 20

// /=
var a = 10 
console.log(a/=2) // 5

// %=
var a = 10 
console.log(a%=3) // 1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

# 3. 字符串运算符

+、+=

+ 运算符也可用于对字符串进行相加

+= 赋值运算符也可用于相加(级联)字符串

# 4. 关系(比较)运算符

(大于)、<(小于)、>=(大于等于)、<=(小于等于)、!=(不等于)、==(等于)、===(全等)、!===(真不等)

PS:==只比较数值不比较类型   ===比较包括类型

# 5. 逻辑运算符

&&(逻辑与/并且):当两边表达式均为真运算结果才为真,否则为假

||(逻辑或/或者):当两边有一个表达式为真则结果即为真

!(逻辑非/取反):取反

# 6. 位运算符

运算符 描述
& 和
| 或
~ 取反
^ 异或
<< 左移
>> 右移

# 7. 其他运算符

# 7.1 三元运算符( ? : )

条件?条件成立执行:条件不成立执行;

2>1?console.log("true"):console.log("false")  // true
1

# 7.2 typeof

数据类型中已写过,点此跳转到对应位置

# 7.3 逗号(,)

逗号运算符的作用是将若干表达式连接起来。它的优先级别在所有运算符中是最低的,结合方向是"自左至右"的。 (即:逗号运算符:是按顺序执行表达式,并且获得右边表达式的值。)

逗号表达式的一般形式是:表达式1,表达式2,表达式3……表达式n

x=2*2,x*2;
console.log(x)  // 4
1
2

# 7.4 void

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值

作用一:返回undefined

function tan(){
  return 33;
}
console.log(void tan());  // undefined
1
2
3
4

作用二:防止不必要的行为。在页面中有个a标签,但是该a标签又不是为了指向跳转页面的话,这个时候void运算符就派上大大的用场了。

<a href='javascript:void(0)'>点我将不会执行任何行为</a>
1
编辑
上次更新: 2021/04/12, 9:04:00
数据类型
流程语句

← 数据类型 流程语句 →

最近更新
01
《聪明人使用方格笔记本》
07-28
02
《穷爸爸富爸爸》
07-28
03
《小狗钱钱》
07-28
更多文章>
Theme by Vdoing | Copyright © 2019-2023 麋鹿鲁哟 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式