大家好，我是IT修真院上海分院第1期的Web学员刘洪利，今天给大家分享一下关于Js中的数据类型和常用方法

---

一.背景介绍

在了解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):各种值组成的集合

---

二.知识剖析

数值 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='Heiscalled"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 来清空变量:

varcar="Volvo";//把字符串Volvo赋值给变量car

document.write(car +"
");//输出变量car,显示Volvo

varcar=null;//把null赋值给变量car

document.write(car +"
");//输出变量car,显示null

---

对象

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

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

创建对象有两种方法:

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

var person=new Object();//定义一个名为person的对象

person.firstname="Bill";//对象firstname属性值为Bill

person.lastname="Gates";//对象lastname属性值为Gates

person.age=56;//对象age属性值为56

person.eyecolor="blue";//对象eyecolor属性值为blue

//或者是简写形式

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

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

function myObj(a,b){

var obj =new Object();

obj.username = a;

obj.password = b;

return obj;

}

alert(myObj("admin","123456"));

---

三.常见问题

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

---

四.解决方案

使用TYPEOF运算符来进行检测，typeof可以解决大部分的数据类型判断,是一个一元运算,typeof运算符可以返回一个值的数据类型

var sss = 123;

console.log(typeof sss);//number

---

五.拓展思考

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

使用全局方法 String() 可以将数字转换为字符串。

var x =123;

document.getElementById("demo").innerHTML =String(x) +"<br>"+// 将变量 x 转换为字符串并返回

String(123) +"<br>"+// 将数字 123 转换为字符串并返回

String(100+23);// 将数字表达式转换为字符串并返回

显示效果

123

123

123

---

六.编码实战

demo

---

七.参考文献

Javascript标准参考(阮一峰)

---

鸣谢

感谢大家观看

分享人:刘洪利

视频链接 密码5z0p

---

IT修真院上海Web第1期学员刘洪利: 邀请码14898047