博客
关于我
4-22 JS运算符(算术、比较、布尔、二进制、点、void、逗号、优先级)
阅读量:228 次
发布时间:2019-02-28

本文共 1594 字,大约阅读时间需要 5 分钟。

算术运算符

1. 数字运算

  • 加减乘除:直接正常输入运算+ - * /

  • 余数:x % 7返回值是余数。

  • 特殊情况:如果一个数除以另一个数,结果小于除数,商为0,余数就是被除数本身。

  • 指数:x ** 3表示x的三次方。

  • 自增自减:x++++xx----x。每次操作只加减一个数字。

  • 注意:x在前时,表达式的值为前一个值;x在后时,值为后一个值。

  • 例如:x++等价于x = x + 1

  • 特殊案例:-1 % 7 = -1

  • 求值运算符:+x。加号后面跟任何数,会直接取其值。

  • 负数运算符:-x。取负数,负负得正。

2. 字符串运算

  • 连接:'123' + '456'
  • 注意:字符串运算只支持加法,不支持减法、乘法等其他运算。

3. 特殊技巧

  • JS加法运算如果遇到类型不匹配(如数字+字符串),会先转换为字符串再运算。
  • 若数字-字符串,JS会将字符串转为数字后再相减。

4. 忠告

  • 尽量少用自增自减,除非是for循环中的变量i++
  • 不要将不同类型的数据相加,如数字和字符串。

比较运算符

  • 常用比较运算符:><>=、<code<=、==!====!==
  • JS的三位一体:0 == []0 == '0'0 == '\t'
  • 注意:0 != []0 != '0'0 != '\t'
  • 内圈三个相等(如0、空数组[]、空字符串''),外圈三个不等。
  • 忠告:永远不要使用==,用===,避免类型转换带来的错误。
  • x === y的真值表:
    • 基本类型按值比较。
    • 对象按地址比较。
    • 类型不同,直接不等。
    • 特例:[] !== [](空数组地址不同)。
    • 特殊值:NAN !== NAN

布尔运算符

  • 逻辑运算:||(或)、&&(且)、!(非)。
  • 短路逻辑:
    • console && console.log && console.log('hi')等价于console?.log?('hi')
    • 用于防御性编程,确保对象存在时才执行代码。
  • 示例:a = a || 100,保底值为100。
  • 自定义函数示例:function add(n = 0) { return n + 1 }

二进制运算符(常考)

  • 位运算符:|(或)、&(与)、~(否)。
  • 异或:^
  • 左移:<<,右移:>>
  • 左移右移注意:
    • 左移:所有位左移1位,移出的位丢弃,补左边0。
    • 右移:所有位右移1位,移出的位丢弃,补右边0。
  • 特殊右移:>>>,行为与右移相同。
  • 常考题目:
    • 判断奇偶:偶数 & 1 = 0奇数 & 1 = 1
    • 取整:console.log(~~ 6.83) // 6
    • 右移:console.log(6.83 >> 0) // 6
    • 异或交换:a ^= b

点运算符

  • 语法:对象.属性名
  • 作用:读取或设置对象属性。-疑问:
    • 为什么数字可以用点运算符?
    • JS会将数字封装为对应的原型对象(如Number.prototype),然后调用方法。

空运算符

  • 语法:void expression
  • 作用:计算表达式后丢弃结果,返回undefined
  • 示例:void console.log('hi')

逗号运算符

  • 语法:表达式1, 表达式2, ..., 表达式n
  • 作用:返回最后一个表达式的值。
  • 示例:
    • let f = x => (console.log('hi'), x + 1)
    • 等价于:let f = x => { console.log('hi'); return x + 1 }

运算符优先级

  • 运算符优先级:
    • 乘除高于加减。
    • 运算符间从左到右依次执行。
  • 示例:
    • 1 + 2 * 3等价于(1 + 2) * 3
    • !a === 1等价于(!a) === 1
  • 左结合:
    • a = b = c = d等价于a = (b = (c = d))
  • 圆括号优先级最高,其他运算符按优先级顺序执行。

转载地址:http://xbvi.baihongyu.com/

你可能感兴趣的文章
Pandas-通过对列和索引的值求和来合并两个数据框
查看>>
pandas.columns、get_dummies等用法
查看>>
pandas.DataFrame.copy(deep=True) 实际上并不创建深拷贝
查看>>
pandas.read_csv()的详解-ChatGPT4o作答
查看>>
PANDAS.READ_EXCEL()输出‘;溢出错误:日期值超出范围‘;而不存在日期列
查看>>
pandas100个骚操作:再见 for 循环!速度提升315倍!
查看>>
Pandas:如何根据其他列值的条件对列进行求和?
查看>>
Pandas:对给定列求和 DataFrame 行
查看>>
Pandas、groupby 和特定月份的求和
查看>>
Pandas、Matplotlib、Pyecharts数据分析实践
查看>>
Pandas中文官档 ~ 基础用法1
查看>>
Pandas中文官档~基础用法2
查看>>
SpringBoot+Vue+OpenOffice实现文档管理(文档上传、下载、在线预览)
查看>>
Pandas中文官档~基础用法5
查看>>
Pandas中文官档~基础用法6
查看>>
Pandas中的GROUP BY AND SUM不丢失列
查看>>
Pandas中的GROUP BY AND SUM不丢失列
查看>>
Pandas之iloc、loc
查看>>
pandas交换两列
查看>>
pandas介绍-ChatGPT4o作答
查看>>