【JavaScript】数据类型

简介:
	学习任何一种程序设计语言,数据类型都是必不可少的一部分内容,很基础,也很重要。该用何种数据类型定义变量,这也是编程中最基础的一项。
	ECMAScript中有5种简单数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。ECMAScript中不支持任何创建自定义类型的机制,所有值都成为以上6种数据类型之一。
	在ECMAScript中,是用typeof操作符来检测变量的数据类型。比如:
		var box ='李炎恢';
		alert(typeof box);
	输出的值就是String类型。
	下面是一张总结的数据类型的一张思维导图:


	六种数据类型,我将其分为两大类,一种是不管变量是什么,该数据类型下的输出值都是确定的,包括Undefined、Null、Boolean和Number类型;另一种是变量不同,该数据类型下的输出值是不确定的,包括String类型和Object类型。下面将6中数据类型都具体说说:
	一.Undefined类型
	该类型只有一个值,即特殊的Undefined。在使用var声明变量,但没有对其初始化时,这个变量的值就是undefined。
	特别地,
	未初始化的变量与根本不存在的变量(未声明的变量)不一样。
	/*box属于未初始化的变量
   	  age属于未声明的变量
	*/
	var box;
	alert(age);  //输出age值
	alert(box);  //输出box值
	在输出age值时,报错(age is not defined);在输出box值时,输出一个Undefined值。但它们的类型都是Undefined。
	所以,我们在定义变量时,不要只声明,不赋值。
	二.Null类型
	该类型只有一个值,即特殊的Null值。它表示一个空对象引用(指针),利用typeof操作符检测null,返回的是object。
	特别地,
	如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null,这样当检查null值就知道是否已经给变量分配对象引用了。
如:
	var box=null;
	if (box != null){
	alert('box对象已经存在');
	三.Boolean类型
	该类型有两个值:true和false(区分大小写)。
	特别地,
	其他类型转换成Boolean类型规则:


	四.Number类型
	该类型包含两种数值:整型和浮点型。
	特别地,
	1.NaN,即非数值(not a number)是一个特殊的值。
	2.3个可以把非数值转换为数值的函数:Number(),可用于任何数据类型;parseInt()和parseFloat(),专门用于把字符串转成数值。
	3.Infinity(正无穷)和-Infinity(负无穷)
	4.检查一个数值是否超过了规定范围,isFinite()函数。如果没有超过,返回true,超过了返回false。
	五.String类型
	字符串类型,用双引号(")或单引号(')表示,必须成对出现。
	特别地,
	1.字符串一旦创建,它们的值就不能改变。要改变,必须先销毁原来的字符串,然后用一个包含新值的字符串填充该字符串。
	如:
		var box ='Mr.';
		box=box+’Lee';
	2.toString()方法可以把值转换为字符串。如:
		var box=11;
		alert(typeof box.toString());
	六.Object类型
	ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。
	例:
		var box=new Object();
	特别地,
	Object()里可以任意传参,传数值、字符串、布尔值等。而且,可以进行相应的计算。
	例:
		var box=new Object(2);          //Object类型,值是2;
		var age=box+2;                  //可以和普通变量运算;
		alert(age);                     //输出结果,转型为Number类型。
	数据类型已经接触了很多次了,每一次在学习相同的知识的时候,总会有进步,有新收获,温故而知新,所以也需要我们认真对待。

目录
相关文章
|
4月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
874 58
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
264 59
|
6月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
9月前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
178 3
|
10月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
10月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
189 1
|
10月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
419 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
11月前
|
前端开发 JavaScript
JS-数据筛选
JS-数据筛选
93 7
|
11月前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
184 4
|
11月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
382 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法