欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript连载4-五种基本数据类型和类型转换

程序员文章站 2022-07-09 19:39:25
一、承接连载3,讲解基本数据类型 1.Number (3)NaN非法数字(Not A Number) JS中对数值进行计算没有结果的时候,返回NaN

一、承接连载3,讲解基本数据类型

1.number

(3)nan非法数字(not a number)

js中对数值进行计算没有结果的时候,返回nan

 

<script>

    var num = nan;

    console.log(num);

    console.log(typeof nan);

</script>

JavaScript连载4-五种基本数据类型和类型转换

(4)使用注意:浮点数可能会丧失精度

2.string

(1)字符串由单引号或者双引号括起来

(2)注意事项:不能一单一双;相同引号不能嵌套,不同引号可以嵌套;给变量加上引号,那么变量将会变为一个字面量。

 

    var str1 = "it";    var str2 = 'like';    console.log(str1);​    var sex = "男";    console.log(sex);    console.log('sex');

JavaScript连载4-五种基本数据类型和类型转换

3.boolean类型

虽然boolean类型的字面值只有两个,但是ecmscript中所有类型的值都由于这两个boolean值等价的值

(1)任何非零数值都是true,包括正负无穷大,只有0和nan是false

(2)任何非空字符串都是true,只有空字符串是false

(3)任何对象都是true,只有null和undefined是false

4.null和undefined

(1)undefined是一种比较特殊的类型,表示变量未赋值,这种类型只有一种值就是undefined

(2)undefined是undefined类型的字面量

(3)null类型也是只有一个值的数据类型,这个特殊的值就是null(注意这里打印null类型为object,但是它本质上是null类型)

(4)undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回null.

 

    var str4 = undefined;

    console.log(str4);

    console.log(typeof str4);

​

    var str5 = null;

    console.log(str5);

    console.log(typeof str5);

​

    console.log(str4==str5);//这个双等号只做值比较

    console.log(str4===str5);//这里的三等号既做值比较,又做类型比较

JavaScript连载4-五种基本数据类型和类型转换

注意点:定义一个空对象要这样var obj = null;不能这样var obj,如果使用后者那么定义出来的是undefined类型。

二、引用(复杂数据类型)

先掠过不讲后续会讲。

三、数据类型转换

1.谷歌浏览器中数据类型快查,字符串的颜色是黑色的,数值类型的颜色是蓝色的,布尔类型也是蓝色的,undefined和null是灰色的。

2.转换成字符串类型

tostring()

使用方法:直接变量.tostring()即可

 

    var v1 = 123;

    var v2 = v1.tostring();

    console.log(v2);

    console.log(typeof v2);

​

    var v3 = false;

    var v4 = v3.tostring();

    console.log(v4);

​

    var v5 = 456;

    var v6 = v5.tostring(16);

    var v7 = v5.tostring(2);

    console.log(v6);

    console.log(v7);

 

 

JavaScript连载4-五种基本数据类型和类型转换

注意点:(1)该方法不会影响到原变量,它会将转换的结果返回;(2)数值类型调用tostring()方法,可以携带一个参数,输出对应进制的值;(3)null和undefined​没有tostring()方法,调用会报错。

三、源码:

d4_numberandstring.html

d3_2_datatype.html

地址:

https://github.com/ruigege66/javascript/blob/master/d4_numberandstring.html

https://github.com/ruigege66/javascript/blob/master/d3_2_datatype.html

2.csdn:https://blog.csdn.net/weixin_44630050

3.博客园:https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号:傅里叶变换,个人账号,仅用于技术交流,后台回复“礼包”获取java大数据学习视频礼包

 JavaScript连载4-五种基本数据类型和类型转换