目录
一、JavaScript的基本数据类型
1.number(数字型)
2、string(字符串型)
(1)转义字符:
(2)字符串的长度
(3)字符串的访问
(4)字符串的拼接
3、布尔型
4. undefined和null
5.类型检查运算符:typeof
二、数据类型的转换
1.转换为字符串型
2.转换为数字型
3.转换为布尔型
三、运算符
1.算数运算符
2. 递增和递减
3.比较运算符:运算结果是布尔值(true/false)
4.逻辑运算符
5.赋值运算符
一、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 |