js中的数据类型

最新推荐文章于 2022-04-19 15:46:41 发布

枫叶在飘呀

最新推荐文章于 2022-04-19 15:46:41 发布

阅读量162

点赞数 1

分类专栏： web前端知识文章标签： javascript js 字符串

本文链接：https://blog.csdn.net/ld16631069828/article/details/119547459

版权

web前端知识专栏收录该内容

15 篇文章 2 订阅

订阅专栏

js中的基本数据类型和特殊类型（对象类型、引入类型）

js中的数据类型有 number(数字类型）、string(字符串类型)、boolean(布尔类型)、undefined（未定义）、null(空对象)

特殊类型：包括 object(对象) 、Array（数组）、function(函数)

1.先说一下数值类型（number）

number 它包括整数、小数、八进制、十六进制、NaN、infinity（无穷大）
下面一次进行举例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据类型</title>
	</head>
	<body>
		<script type="text/javascript">
			var num1 = 10; //整数
			var num2 = 1.2; //小数
			var num3 = 056; //八进制数值
			var num4 = 0x11; //十六进制数值
			var num5 = 10 / "abc"; //这个计算结果是错误的，会有一个NaN的number类型
			var num6 = 10 / 0;   //一般不会有这样的写法，这个表示无穷大
			console.log("整数num1:" + typeof num1);
			console.log("整数num2:" + typeof num2);
			console.log("整数num3:" + typeof num3);
			console.log("整数num4:" + typeof num4);
			console.log("整数num5:" + typeof num5,num5);
			console.log("整数num6:" + typeof num6,num6);
		</script>
	</body>
</html>

在这里插入图片描述

出现NaN的原因是这个num5中的分母是一个字符串，并且它不能用Number()隐式转化成数字所以会报错。

先说一下Number()转化的条件是字符串必须是一个纯数字（包含小数）的字符串，可以为空字符串，但是由字母结合数字或者全是字母的没有办法进行转化。

–具体演示

		var num7 = "123";
		var num8 = "123ab";
		var num9 = "abc";
		console.log(Number(num7),Number(num8),Number(num9));

在这里插入图片描述

可以看出来，这种半数字和全字母的是无法进行Number的强制转换的。
这里另外两种强制转化分别是parseInt和parseFloat,这两种也是对字符串进行强制转换的，但是这种转化同Number有一定的区别，下面具体演示一下

pareInt(字符串),他可以将“123a”类似于这样的字符串转化为数字123，原理是到非数字结束。如果字符串是“123a12”,结果是123，如果开头就是数字“abc123”，在转化是会出现错误NaN的字样。
`

        var num1 = "123abc";
		  var num2 = "123ab12";
		  var num3 = "abc123";
		  console.log(parseInt(num1));
		  console.log(parseInt(num2));
		  console.log(parseInt(num3));

结果演示：
在这里插入图片描述

同理，paraseFloat是对带有小数的字符串进行转化的，会取到除小数点以外的值，同时不会进行四舍五入，下面简单演示一下

          var num1 = "12.89ab";    //同paraseInt类似
		  var num2 = "12.345";      //不会四舍五入
		  var num3 = "abc123.5";
		  console.log(parseFloat(num1));
		  console.log(parseFloat(num2));
		  console.log(parseFloat(num3));

看一下具体效果：
在这里插入图片描述

字符串类型（string）

其实字符串类型都是比较熟悉的一种数据类型，其实上面在做强制转化的过程的时候就展示了，就不细说了。

布尔类型（boolean）

布尔类型有两种就是true和flase,其中true表示1false表示的是0

Undefined类型（未定义）

这种是一般变量有声明，但是没有进行赋值，会提示这个变量未定义

          var num;
		  console.log(num);

在这里插入图片描述

null(空对象)

表示一个空对象，一般是访问一个不存在的对象时会有这样的结果。
但是，它用typeof来进行检验结果是object的类型。

前面提到了字符串转化数字，还有其他类型就是其他类型转化字符串（强制转化）

这边距离两种分别是String和toString(),两种。
String（）这种方法相当于就是在数据外层加了一个双引号。（我称它是来者不拒）
toString（）这边是只有null和undefind无法进行转化，因为toString（）使用的时候表示xxx.toString（）null和undefined没有具体的数值，所以也就无法使用这个方法.

            var num1 = 123;
			var num2 = null;
			var num3 = undefined;
			console.log(String(num1));
			console.log(String(num2));
			console.log(String(num3));

在这里插入图片描述
使用String方法将数值转化为字符串null和undefined类型也会转化为字符串

下面说一下toString方法

            var num1 = 123;
			var num2 = null;
			var num3 = undefined;
			console.log(num1.toString());
			console.log(num2.toString());
			console.log(num3.toString());

在这里插入图片描述可见当一个数据是null和undefined数据类型是无法使用toString方法的。

下面使几种复杂数据类型（引用类型，特殊类型）

		var user={
			"name":"枫叶在飘呀",
			"age":22,
			"hobby":"写博客"
		}
		var arr = new Array(12,12,34,56,78)
		
		var func = function change()
		{
			console.log(1);
		}
		console.log(typeof user);
		console.log(typeof arr);
		console.log(typeof func);

在这里插入图片描述

枫叶在飘呀

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中的数据类型

js中的基本数据类型和特殊类型（对象类型、引入类型）js中的数据类型有 number(数字类型）、string(字符串类型)、boolean(布尔类型)、undefined（未定义）、null(空对象)特殊类型：包括 object(对象) 、Array（数组）、function(函数)1.先说一下数值类型（number）number 它包括整数、小数、八进制、十六进制、NaN、infinity（无穷大）下面一次进行举例<!DOCTYPE html><ht
复制链接

扫一扫