数据类型
在JS中一共有两大数据类型
1.基本数据类型
(1)Number 数值类型
在JavaScript中无论整数还是小数都是属于数值类型的
//例:
let num = 3.14;
console.log(typeof num);//number
let num = 123;
console.log(typeof num);//number
(2)String 字符串类型
在JavaScript中无论单引号还是双引号括起来的都是属于字符串类型的
相同引号不能嵌套，不同引号可以嵌套,双引号不能放双引号，单引号不能放单引号
给变量加上引号, 那么变量将变为一个常量
//例:
let res = typeof ('abc');
let res = typeof ("abc");
console.log(res);
(3)Boolean 布尔类型
在JavaScript中比较特殊,只有两个取值true/false
//例:
let res = typeof true;
let res = typeof false;
console.log(res);//boolean
(4)Undefined 未定义类型
在JavaScript中未定义类型比较特殊,只有一个值undefined
//例:
let num;//由于没有给num这个变量初始化,所以这个变量中保存的数据默认是undefined
console.log(num);//输出num变量中保存的数据
let res = typeof num;//利用typeof检查num中保存的数据是什么类型的,也就是说检查undefined是属于什么类型
console.log(res);//undefined
(5)Null 空类型
2.引用数据类型
Object 对象类型
3.typeof操作符
在JavaScript中为了方便我们检测某一种数据类型属于哪一种数据类型,JavaScript提供了一个名称叫做typeof的操作符
格式: typeof 需要检测的数据;
typeof操作符会将检查的结果以字符串的形式返回给我们
//利用typeof检测123这个常量是属于哪一种数据类型的,并且将检测的结果保存到res这个变量中
let res = typeof 123;
let res = typeof 3.14;
console.log(res);
转为字符串类型
1.将Number类型转换为字符串类型
2.将String类型转换为字符串类型
3.将Undefined类型转换为字符串类型
4.将Null类型转换为字符串类型
在JavaScript中如果想将以上的四种基本数据类型转换为字符串类型,常用的方法有三种:
1.对于Number和Boolean类型来说,可以通过 变量名称.toString()的方式来转换
注意点:在谷歌浏览器控制台中如果是Number类型是蓝色的,String类型是灰色的
变量名称.toString是对拷贝的数据进行转换,所以不会影响原有的数据
不能使用常量直接调用toString方法,因为常量是不能改变的
//例:
let value = 123;
console.log(value);
console.log(typeof value);
//以下代码含义:将value中存储的数据拷贝一份,然后将拷贝的数据转换为字符串之后返回
let str = value.toString();
console.log(str);
console.log(typeof str);
let str = 123.toString();//错误,常量不能转换
//Boolean类型转换字符串类型
let str = true;
let str2 = true.toString();
console.log(typeof str2);//string
2.可以通过String(常量or变量);转换为字符串
//注意点:
变量名称.toString()的方式前面不能是常量,因为常量不能被改变
String(常量or变量),因为根据传入的值重新生成一个新的值并不是修改原有的值.
let str = String(123);
console.log(str);
console.log(typeof str);
//Undefined转换字符串
let value = undefined;
console.log(value);
console.log(typeof value);
//以下代码含义:根据传入的数据重新生成一个新的字符串
let str = String(value);
console.log(str);
console.log(typeof str);
//Null转换字符串
let value = null;
console.log(value);
console.log(typeof value);
let str = String(value);
console.log(str);
console.log(typeof str);
//Number转换字符串
let value = 123;
console.log(value);
console.log(typeof value);
let str = String(value);
console.log(str);
console.log(typeof str);
//Boolean转换字符串
let value = true;
console.log(value);
console.log(typeof value);
let str = String(value);
console.log(str);
console.log(typeof str);
3.通过 变量or常量 + "" /变量or常量+ ''转换为字符串
//变量例:
let value = 123;
let str = value + '';
let str = value + "";//
console.log(str);
console.log(typeof str);
//常量例:
let str = 123 + '';//+''或者+""底层的本质其实就是调用String()函数
console.log(str);
console.log(typeof str);
转为数值类型
1.将String类型转换为数值类型
- 如果字符串中都是数值,那么就正常转换
- 如果字符串是一个空串"",那么转换之后的0
-如果字符串中不仅仅是数字,那么转换之后是NaN
2.将Boolean类型转换为数值类型
- true转换之后是1
- false转换之后是0
3.将Undefined类型转换为数值类型
- 转换之后是NaN
4.将Null类型转换为数值类型
- 转换之后是0
空字符串/false/null/转换之后都是0,其他正常转换
在JavaScript中如果想将以上四种基本数据类型转换为数值型,常用的方法有三种:
1.通过Number(常量or变量);方式来转换
//将String类型转换为数值类型
变量:
let str = "123";
console.log(str);
console.log(typeof str);
let num = Number(str);
console.log(num);
console.log(typeof num);
常量:
let num = Number("123");
console.log(num);
console.log(typeof num);
//注意点:如果字符串中没有数据,那么转换的结果是0
let str = "";
let num = Number(str);
console.log(num);
console.log(typeof num);
//注意点:如果字符串中的数据不仅仅是数值,那么转换的结果是NaN
//NaN === Not a Number
let str = "12px";
let num = Number(str);
console.log(num);//NAN
console.log(typeof num);//number
//布尔类型的true,转换之后结果是1,false转换之后的结果是0
let flag = true;
let num = Number(flag);
console.log(num);//1
console.log(typeof num);
//Null类型转换结果是0
let flag = null;
let num = Number(flag);
console.log(num);//1
console.log(typeof num);
//Undefined转换结果是NaN
let flag = undefined;
let num = Number(flag);
console.log(num);//1
console.log(typeof num);
2.用数学中的加号+来转换
let str = "123";
let num = +str;
console.log(num);//123
console.log(typeof num);//number
注意点:虽然通过+/-都可以将其他类型转换为数值类型,但是会改变数值的正负性
+/-底层本质上就是调用了Number函数
let str = "123";
let num = -str;
console.log(num);
console.log(typeof num);
3.parseInt(需要转换的字符串)/parseFloat(需要转换的字符串)
注意点:parseInt/parseFloat都会从左至右的提取数值,一旦遇到非数值就会立即停止,停止的时候如果没有提取到数值,那么就返回NaN
parseInt/parseFloat都会将传入的数据当做字符串来处理
//parseInt提取整数
let str = "12px";
let num = parseInt(str);
console.log(num);//12
console.log(typeof num);
//parseInt提取整数
let str = "3.14px";
let num = parseFloat(str);
console.log(num);//3.14
console.log(typeof num);
//非数值停止
let str = "a12px";
let num = parseInt(str);
console.log(num);//NaN
console.log(typeof num);
//
let value = true;
let num = parseInt(value);
console.log(num);//返回NaN,相当于parseInt("true"),没有数值,所以返回NaN
console.log(typeof num);
转换为布尔类型
1.将String类型转换为布尔类型
只要字符串中有内容都会转换为true,只要字符串中没有内容才会转换为false
// let str = "abc";//true
// let str = " ";//true
let str = "";//false
let flag = Boolean(str);
console.log(flag);
console.log(typeof flag);
2.将Number类型转换为布尔类型
只有数值是0才会转换为false,其他的都会转换为true
如果是NaN也会转换为false
//let num = 999;//true
//let num = -123;//true
//let num = -0;//false
let num = 0;//false
let flag = Boolean(num);
console.log(flag);
console.log(typeof flag);
//注意点:在JavaScript中NaN属于number类型
let num = NaN;
console.log(typeof num);//number
3.将Undefined类型转换为布尔类型
Undefined会转换为false
let num = undefined;
let flag = Boolean(num);
console.log(flag);
console.log(typeof flag);
4.将Null类型转换为布尔串类型
Null会转换为false
let num = null;
let flag = Boolean(num);
console.log(flag);
console.log(typeof flag);
总结:
在JavaScript中如果想将基本数据类型转换为布尔类型,那么只需要调用Boolean(常量or变量)
空字符串/0/NaN/undefined/null 会转换为false,其他都是true
网友评论