【js-01】JS有哪些数据类型和常用方法?

【萌新】Web小课堂

分享人:赖骏锋

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

在了解JavaScript的数据类型之前,先了解下JavaScript是什么?

  JavaScript是一种属于网络的脚本语言,被广泛用在了各
种各样的Web应用中,主要用于嵌入动态文本于HTML页面,对浏览器的事件做出响应,读写HTML,在数据提交到服务器前验证数据等

那么JavaScript的数据类型是什么

"数据类型"在数据结构中的定义"一个值的集合以及定义在这个值集上的一组操作"。在编程语言中,能够表示并操作的值的类型称做数据类型。

JavaScript 的数据类型,共有六种。分别是:

1.数值(number):整数和小数(比如1和3.14)
2.字符串(string):字符组成的文本(比如"Hello World")
3.布尔值(boolean):true(真)和false(假)两个特定值
4.undefined:表示"未定义"或不存在,即由于目前没有定义,所以此处暂时没有任何值
5.null:表示无值,即此处的值就是"无"的状态。
6.对象(object):各种值组成的集合

2.知识剖析

数值 number

数值有三种形态:

1.整数 var x=50 //整数通过十进制,八进制及十六进制的字面值来表示

2.浮点数值 var x=5.66 //浮点数值中必须包含一个小数点,且小数点后必须有一位数字

3. NaN 即非数值是一个特殊的数值,用来表示一个本应返回数值的操作数未返回数值的情况

字符串

由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(')表示, 同时被单引号引起的字符串内可以包含双引号,而被双引号引起的字符串内也可以包含单引号。

实例:

            
                var answer="Nice to meet you!";
                var answer="He is called 'Bill'"; //双引号包含单引号
                var answer='He is called "Bill"'; //单引号包含双引号
            
            

布尔值

boolean类型是ECMAScript中使用的最多的一种类型,该类型只有两个字面值:true和false。分别代表了真(true)和假(false),但是

实例:

            
                var x=true;
                var y=false;
            
            

undefined

如果使用的对象属性不存在或者是未声明变量,undefined 值将被返回。

一个未初始化的变量的值为undefined,一个没有传入实参的形参变量的值为undefined,如果一个函数什么都不返回,则该函数默认返回undefined。

你可以使用严格相等运算符来判断一个值是否是undefined:

			
				var x;
				if (x === undefined) {
				alert(x)// 这里会直接弹窗,表示x===undefined为ture
				}
			
			

null

null 数据类型在 JavaScript 中只有一个值:null。null值表示了一个空对象指针,但是null不等于undefined

null用来表示空值,即没有对象被呈现,可以通过将变量的值设置为 null 来清空变量:

            
                var car="Volvo"; //把字符串Volvo赋值给变量car
                document.write(car + "
"); //输出变量car,显示Volvo var car=null; //把null赋值给变量car document.write(car + "
"); //输出变量car,显示null

对象

JavaScript中的所有事物都是对象:字符串、数值、数组、函数等等

对象是带有属性和方法的特殊数据类型
由若干个"键值对"(key-value)构成的一种无序的数据集合。

创建对象有两种方法:

1.定义并创建对象的实例

2.使用函数来定义对象,然后创建新的对象实例

下面的例子创建了对象的一个新实例,并向其添加了四个属性:

            
                person=new Object(); //定义一个名为person的对象
                person.firstname="Bill"; //对象firstname属性值为Bill
                person.lastname="Gates"; //对象lastname属性值为Gates
                person.age=56; //对象age属性值为56
                person.eyecolor="blue"; //对象eyecolor属性值为blue
            
            

简写形式(使用对象 literals):

            
                person={firstname:"John",lastname:"Doe",age:56,eyecolor:"blue"};
            
            

使用函数来定义对象

            
                function myObj(a,b){
			var obj = new Object();
			obj.username = a;
			obj.password = b;
			return obj;
		}
		alert(myObj("admin","123456"));
            
            

3.常见问题

怎么样判断值的数据类型?

4.解决方案

使用typeof运算符来进行检测

typeof可以解决大部分的数据类型判断,是一个一元运算,typeof运算符可以返回一个值的数据类型

demo

这样一来就很明显了,除了前四个类型外,null、对象、数组返回的都是object类型。

5.编码实战

demo

6.拓展思考

数据类型的转换:将数字转换成字符串

提示:全局方法 String() 可以将数字转换为字符串。

			
				var x = 123;
				document.getElementById("demo").innerHTML =
				String(x) + "
" + // 将变量 x 转换为字符串并返回 String(123) + "
" + // 将数字 123 转换为字符串并返回 String(100 + 23); // 将数字表达式转换为字符串并返回

显示效果

123

123

123

7.参考文献

Javascript标准参考(阮一峰)

8.更多讨论:判断数据类型还有没有更多方法?

鸣谢

感谢大家观看

BY : 赖骏锋