JS变量和数据类型及其转化

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
// 字面量就是常量，不可变的量
// 变量，用var 声明变量
// JS底层保存标识符实际上采用的是Unicode编码，所以理论上所有utf-8的内容都可以用作标识符
// 也就是中文也可以当做标识符
var 年龄=18;
数据类型是字面量的类型变量可以为任何类型
JS中有6中类型
基本数据类型：
String
var str="hello world"; //支持转义字符
Number 整数+浮点数
整数运算可以基本保证正确
浮点数运算会存在误差，不要对精确要求比较高的运算
var a=123; 数值
var b ="123"; 字符串
console.log(typeof a); //检查数据类型
console.log(typeof b);
超过最大值，则是Infinity
var c = Infinity; //正无穷
var d =NaN; //NaN是一个特殊数值， Not a Number
var e = 123+"233";
console.log(typeof Infinity); //Number
console.log(typeof e); //NaN
console.log(Number.MAX_VALUE); 1.797336565e+308 最大正数
console.log(Number.MIN_VALUE); 5e-324 最小正数
Boolean
Null：空对象 object Remember that null means “no value”,
Undefined：未定义变量，声明了变量但未赋值
引用数据类型：
Object
强制类型转换
1。转换成String
var a=123;
var b =true;
方法1：
var c = a.toString(); //调用Number类型变量a的toSting方法，返回它相应的字符串
var d = b.toString(); //调用boolean类型变量b的toSting方法，返回它相应的字符串
null和undefined没有toString方法
var a = null; var c = a.toString() 会报错
var a = undefined; var c = a.toString() 会报错
方法2：
调用String函数，对Number、Boolean，Undefined，NULL都适用
var c = String(a); //c是字符串类型，a是Number
调用String的底层原理：
对于Number，Boolean底层调用的是toString()
对于Undefined和NUll底层直接将其转成"undefined","null"
方法3：
res = null + ""; "null" 任何值加一个空串即可转换成字符串，底层是String()函数实现
2.转换成Number
方法1：
适用Number()函数
字符串 => 数字
1.字符数字字符串直接转换成数字 "123" => 123
2.非字符数字字符串转换成NaN "22adf" => NaN
3.空串或者空格串转换成 0 " " => 0
Boolean => 0, 1
Null => 0
Undefined => NaN;
方法2：
parseInt() 把一个字符串中有效数字转换为整数,从左至右
parseFloat() 把一个字符串中有效数字转换为浮点数
var a = "123px";
a = parseInt(a); 从头到尾取整数
对于非String类型的数据使用parseInt()操作时，会先把非String字符串，转成字符串再操作，
例如： var a = true；
a = parseInt(a); 此时a的类型是NaN，此句等价于 parseInt("true")
方法3：、
任何值做 - * / 运算都会转成Number，利用这个可以做隐式类型转换
var a = '123'; a = a -0; 此时a就变成数字了，底层原理和Number()函数实现
方法4：
对于非Number值可以使用+将其转换成Number，- 也可以，不过会改变其值
var a = '123'; a = +a; 此时a就变成数字了，底层原理和Number()函数实现

16进制 0x开头
8进制 0开头
2进制 0b开头某些浏览器不支持
var a = "070"; a = parseInt(a);
某些浏览器会把a解析成8进制数，某些浏览器会把a解析成10进制数
可以在parseInt()加上第二个参数，指定其进制
a = parseInt(a, 8); 所有浏览器都用8进制解析
JavaScript knows
how to convert the string “4” to the
number 4 when it needs to
3、转换成Boolean
调用Boolean()

数字 => 布尔 0和NaN是false，其他数据都是true
var a =123;
a = Boolean(a)
字符串 => 布尔空串是false，其他非空字符串是true （包含空格串）
null和undefined => false;
object => true
方式二（隐式类型转换）：
               - 为任意的数据类型做两次非运算，即可将其转换为布尔值
               - 例子：
                   var a = "hello";
                   a = !!a; //true
</script>
</head>
<body></body>
</html>