目录
一、JavaScript的基本数据类型
JavaScript中的数据类型分为两大类，基本数据类型和复杂数据类型（也称为引用数据类型）
。
1.number（数字型）
var age = 18 //整数
var pi = 3.1415926 //浮点数
浮点型可以转换成整数；
var temp = 3.1415926;
var k = parseInt(temp);
console.log("k="+k);得到的结果是对该小数取整
2、string（字符串型）
用单引号或双引号括起来的字符序
在单引号字符串中可以直接书写双引号
在双引号字符串中也可以直接书写单引号
str = ' '或者str = " "
str = ' " " '或者str = " ' ' "
注意：不能出现单、双引号的交叉
(1)转义字符：
以"\"开头的有特殊含义的字符
- '\n'：回车换行
- '\t'：水平制表符
- '\b'：退格键
- '\\'：表示'\'
(2)字符串的长度
当定义一个字符串后，默认带有length属性，表示字符串的长度字符串变量.length
var str = "床前明月光，";
console.log("字符串的长度",str.length);
(3)字符串的访问
以索引的方式访问
字符串变量[index]，index必须是0~length-1之间的整数，超过这个范围会有字符串的溢出
var str = "床前明月光，";
console.log("字符串的长度",str.length);
console.log(str[0]);
console.log(str[6]);//字符串的溢出
字符串str[]的长度是6，而字符串str[6]的长度至少是7。通俗的来讲字符串的定位是从0 开始的而并不是从1开始的。
(4)字符串的拼接
用"+"进行连接
var str = "床前明月光，";
var s2="疑是地上霜。";
console.log(str+s2);
console.log(str+130);
3、布尔型
布尔型通常用于逻辑判断，他有两个值：TRUE和FALSE，表示事物的“真”和“假”。
console.log(true); // 输出结果：true
console.log(false); // 输出结果：false
console.log(true + 1); // 输出结果：2
console.log(false + 1); // 输出结果：1 
4. undefined和null
如果一个变量声明后没有赋值，则变量的值就是undefined，可以给一个变量赋一个null值；
var a;
console.log(a); // 输出结果：undefined
var b = null;
console.log(b); // 输出结果：null 
5.类型检查运算符：typeof
可以利用typeof运算符进行数据类型的 检测；
console.log(typeof 12); // 输出结果：number
console.log(typeof null); // 输出结果：object
var a = '12';
console.log(typeof a == 'string'); // 输出结果：true
二、数据类型的转换
1.转换为字符串型
1.利用“+”拼接字符串
2.利用toString()转换成字符串
3.利用String()转换成字符串
2.转换为数字型
（1）使用parselnt()将字符型转为整数
（2）使用parseFloat()将字符串转为浮点数
（3）使用Number()将字符串转为数字型
（4）p利用算术运算符（-、*、/）隐式转换
var year = prompt('请输入您出生的年份');
var age = 2021 - parseInt(year);
alert('您今年已经' + age + '岁了'); 
var num1 = prompt('请输入第一个数：');
var num2 = prompt('请输入第二个数：');
var result = parseFloat(num1) + parseFloat(num2);
alert('计算结果是：' + result);
3.转换为布尔型
转换为布尔型使用Boolean()，在转换时，代表空、否定的值会被转换为false，如空字符串、0、NaN、null和undefined，其余的值转换为true。
console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // true
三、运算符
1.算数运算符
用于对两个变量或值进行算术运算，与数学上的加、减、乘、除类似，常用的算术运算符如下
| 运算符 | 运算 | 示例 |
|---|---|---|
| + | 加 | 1+5=6 |
| - | 减 | 1-5=-4 |
| * | 乘 | 1*5=5 |
| / | 除以 | 1/5=0.25 |
| % | 取余 | 12%10=2 |
注意事项：
- 进行四则混合运算时，运算顺序要遵循数学中“先乘除后加减”的原则
- 在进行取模运算时，运算结果的正负取决于被模数（%左边的数）的符号，与模数（%右边的数）的符号无关
- 在开发中尽量避免利用浮点数进行运算，因为有可能会因JavaScript的精度导致结果的偏差
- 使用“+”和“-”可以表示正数或负数
2. 递增和递减
使用递增（++）、递减（--）运算符可以快速地对变量的值进行递增和递减操作，它属于一元运算符，只对一个表达式进行操作。
- 前置递增（递减）运算符：递增和递减运算符写在变量前面，返回的是计算后的结果
- 后置递增（递减）运算符：递增和递减运算符写在变量后面，返回的是计算前的结果
- 递增和递减运算符的优先级高于“+”“-”等运算符
3.比较运算符：运算结果是布尔值(true/false)
| 运算符 | 运算 | 示例 | 结果 |
| > | 大于 | 5 > 5 | false |
| < | 小于 | 5 < 5 | false |
| >= | 大于或等于 | 5 >= 5 | true |
| <= | 小于或等于 | 5 <= 5 | true |
| == | 等于 | 5 == 4 | false |
| != | 不等于 | 5 != 4 | true |
| === | 全等 | 5 === 5 | true |
| !== | 不全等 | 5 !== '5' | true |
4.逻辑运算符
用于对布尔值进行运算，其返回值也是布尔值。在实际开发中，逻辑运算符经常用于多个条件的判断，常用的逻辑运算符见下表。
| 运算符 | 运算 | 示例 | 结果 |
| && | 与 | a && b | a和b都为true，结果为true，否则为false |
| || | 或 | a || b | a和b中至少有一个为true，结果为true，否则为false |
| ! | 非 | !a | 若a为false，结果为true，否则相反 |
5.赋值运算符
用于将运算符右边的值赋给左边的变量，常用的逻辑运算符及示例如下。
console.log(Boolean('')) // false
var age = 10;
age += 5; // 相当于age = age + 5;
console.log(age); // 输出结果：15
age -= 5; // 相当于age = age - 5;
console.log(age); // 输出结果：10
age *= 10; // 相当于age = age * 10;
console.log(age); // 输出结果：100
常见的赋值运算符如下
| 运算符 | 运算 | 示例 | 结果 |
| = | 赋值 | a = 3; | a = 3 |
| += | 加并赋值 | a = 3; a += 2; | a = 5 |
| -+ | 减并赋值 | a = 3; a -= 2; | a = 1 |
| *= | 乘并赋值 | a = 3; a *= 2; | a = 6 |
| /= | 除并赋值 | a = 3; a /= 2; | a = 1.5 |
| %= | 模并赋值 | a = 3; a %= 2; | a = 1 |
| += | 连接并赋值 | a = 'abc'; a += 'def'; | a = 'abcdef' |
| <<= | 左移位并赋值 | a = 9; a <<= 2; | a = 36 |
| >>= | 右移位并赋值 | a = -9; a >>= 2; | a = -3 |
| >>>= | 无符号右移位并赋值 | a = 9; a >>>= 2; | a = 2 |
| &= | 按位“与”并赋值 | a = 3; a &= 9; | a = 1 |
| ^= | 按位“异或”并赋值 | a = 3; a ^= 9; | a = 10 |
| |= | 按位“或”并赋值 | a = 3; a |= 9; | a = 11 |
831
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
