【JavaScript】4_运算符

简介: # 运算符## 1、算术运算符运算符(操作符)- 运算符可以用来对一个或多个操作数(值)进行运算- 算术运算符:+ 加法运算符- 减法运算符* 乘法运算符 / 除法运算符 ** **幂运算** % 模运算,两个数相除取余数- 注意:- 算术运算时,除了字符串的加法, 其他运算的操作数是非数值时,都会转换为数值然后再运算​ JS是一门弱类型语言,当进行运算时会通过自动的类型转换来完成运算​ 当任意一个值和字符串做加法运算时,它会先将其他值转换为字符串,​ 然后再做拼串的操作​ 可以

运算符

1、算术运算符

运算符(操作符)

  • 运算符可以用来对一个或多个操作数(值)进行运算
  • 算术运算符:
  • 加法运算符
  • 减法运算符
  • 乘法运算符
    / 除法运算符
    幂运算**
    % 模运算,两个数相除取余数
  • 注意:
  • 算术运算时,除了字符串的加法,
    其他运算的操作数是非数值时,都会转换为数值然后再运算

​ JS是一门弱类型语言,当进行运算时会通过自动的类型转换来完成运算

​ 当任意一个值和字符串做加法运算时,它会先将其他值转换为字符串,

​ 然后再做拼串的操作

​ 可以利用这一特点来完成类型转换

​ 可以通过为任意类型 + 一个空串的形式来将其转换为字符串

​ 其原理和String()函数相同,但使用起来更加简洁

<script>
    let a = 1 + 1
    a = 10 - 5
    a = 2 * 4
    a = 10 / 5
    a = 10 / 3
    a = 10 / 0 // Infinity
    a = 10 ** 4
    a = 9 ** .5 // 开方
    a = 10 % 2
    a = 10 % 3
    a = 10 % 4

    a = 10 - '5' // 10 - 5
    a = 10 + true // 10 + 1
    a = 5 + null // 5 + 0
    a = 6 - undefined // 6 - NaN

    a = 'hello' + 'world'
    a = '1' + 2 // "1" + "2"

    a = true
    a = a + ''
    console.log(typeof a, a)
</script>

2、赋值运算符

赋值运算符用来将一个值赋值给一个变量
=
    - 将符号右侧的值赋值给左侧的变量
??=
    - 空赋值
    - 只有当变量的值为null或undefined时才会对变量进行赋值
+=
    - a += n 等价于 a = a + n
-=
    - a -= n 等价于 a = a - n
*=
    - a *= n 等价于 a = a * n
/=
    - a /= n 等价于 a = a / n
%=
    - a %= n 等价于 a = a % n
**=
    - a **= n 等价于 a = a ** n
<script>
    let a = 10
    a = 5 // 将右边的值 赋值 给左边的变量
    let b = a // 一个变量只有在=左边时才是变量,在=右边时它是值

    a = 66
    a = a + 11 // 大部分的运算符都不会改变变量的值,赋值运算符除外

    a = 5
    // a = a + 5 // 10
    a += 5 // 在a原来值的基础上增加5

    a = null

    a ??= 101
    console.log(a)
</script>
相关文章
|
1月前
|
JavaScript
js运算符
js运算符
21 5
|
1月前
|
JavaScript 前端开发
JavaScript 运算符全知道
JavaScript 运算符全知道
50 0
|
2月前
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
21 3
|
3月前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
25 1
|
6月前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
44 0
|
3月前
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
3月前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
3月前
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
4月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
57 1