Javascript study day2

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文详细介绍了JavaScript中的数据类型转换，包括其他数据类型转字符串、布尔和数值，以及转换方法如Number、parseInt、parseFloat等。同时，文章还讲解了数学运算符、赋值运算符和比较运算符的用法，以及逻辑运算符的规则。此外，还提到了自增自减运算符的一元操作。重点强调了在JavaScript中如何判断真假值以及各种运算符的优先级和行为。

数据类型转换

其他数据类型转成字符串

其他数据类型转成布尔

Boolean(变量)

数据类型之间的转换，比如数字转成字符串，字符串转成布尔，布尔转成数字等
其他数据类型转成数值
Number(变量)

可以把一个变量强制转换成数值类型

可以转换小数，会保留小数

可以转换布尔值

遇到不可转换的都会返回 NaN
parseInt(变量)

从第一位开始检查，是数字就转换，知道一个不是数字的内容

开头就不是数字，那么直接返回 NaN

不认识小数点，只能保留整数
parseFloat(变量)

从第一位开始检查，是数字就转换，知道一个不是数字的内容

开头就不是数字，那么直接返回 NaN

认识一次小数点
除了加法以外的数学运算

运算符两边都是可运算数字才行

如果运算符任何一遍不是一个可运算数字，那么就会返回 NaN

加法不可以用
变量.toString()

有一些数据类型不能使用 toString() 方法，比如 undefined 和 null
String(变量)

所有数据类型都可以
使用加法运算

在 JS 里面，+ 由两个含义

字符串拼接：只要 + 任意一边是字符串，就会进行字符串拼接

加法运算：只有 + 两边都是数字的时候，才会进行数学运算

在 js 中，只有 ''、0、null、undefined、NaN，这些是 false

其余都是 true

运算符

就是在代码里面进行运算的时候使用的符号，不光只是数学运算，我们在 `js` 里面还有很多的运算方式

数学运算符

+

只有符号两边都是数字的时候才会进行加法运算

只要符号任意一边是字符串类型，就会进行字符串拼接
-

会执行减法运算

会自动把两边都转换成数字进行运算
*

会执行乘法运算

会自动把两边都转换成数字进行运算
/

会执行除法运算

会自动把两边都转换成数字进行运算
%
会执行取余运算

会自动把两边都转换成数字进行运算

赋值运算符

=

就是把 = 右边的赋值给等号左边的变量名

var num = 100

就是把 100 赋值给 num 变量

那么 num 变量的值就是 100

1.+=

var a = 10;
a += 10;
console.log(a); //=> 20

`a += 10` 等价于 `a = a + 10`

2.-=

var a = 10;

a -= 10;
console.log(a); //=> 0

`a -= 10` 等价于 `a = a - 10`

3.*=

var a = 10;
a *= 10;
console.log(a); //=> 100

a *= 10 等价于 a = a * 10

4./+

var a = 10;
a /= 10;
console.log(a); //=> 1

a /= 10 等价于 a = a / 10

5.%= a %= 10 等价于 a = a % 10

var a = 10;
a %= 10;
console.log(a); //=> 0

a %= 10 等价于 a = a % 10

比较运算符

==
- 比较符号两边的值是否相等，不管数据类型
  
  1 == '1'
  
  两个的值是一样的，所以得到 true
===
- 比较符号两边的值和数据类型是否都相等
  
  1 === '1'
  
  两个值虽然一样，但是因为数据类型不一样，所以得到 false
!=
- 比较符号两边的值是否不等
  
  1 != '1'
  
  因为两边的值是相等的，所以比较他们不等的时候得到 false
!==
- 比较符号两边的数据类型和值是否不等
  
  1 !== '1'
  
  因为两边的数据类型确实不一样，所以得到 true
>=
- 比较左边的值是否 大于或等于 右边的值
  
  1 >= 1 结果是 true
  
  1 >= 0 结果是 true
  
  1 >= 2 结果是 false
<=
- 比较左边的值是否 小于或等于 右边的值
  
  1 <= 2 结果是 true
  
  1 <= 1 结果是 true
  
  1 <= 0 结果是 false
>
- 比较左边的值是否大于右边的值
  
  1 > 0 结果是 true
  
  1 > 1 结果是 false
  
  1 > 2 结果是 false
<
- 比较左边的值是否小于右边的值
  
  1 < 2 结果是 true
  
  1 < 1 结果是 false
  
  1 < 0 结果是 false

逻辑运算符

进行且的运算

符号左边必须为 true 并且右边也是 true，才会返回 true

只要有一边不是 true，那么就会返回 false

true && true 结果是 true

true && false 结果是 false

false && true 结果是 false

false && false 结果是 false

||

进行或的运算

符号的左边为 true 或者右边为 true，都会返回 true

只有两边都是 false 的时候才会返回 false

true || true 结果是 true

true || false 结果是 true

false || true 结果是 true

false || false 结果是 false

!

进行取反运算

本身是 true 的，会变成 false

本身是 false 的，会变成 true

!true 结果是 false

!false 结果是 true

特别重要

自增自减运算符（一元运算符）

1、++

进行自增运算
分成两种，前置++ 和 后置++
前置++，会先把值自动 +1，在返回

var a = 10;
console.log(++a);
// 会返回 11，并且把 a 的值变成 11

后置++，会先把值返回，在自

var a = 10;
console.log(a++);
// 会返回 10，然后把 a 的值变成 11

2、--

进行自减运算
分成两种，前置-- 和 后置--
和 ++ 运算符道理一样