大家好，我是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
六.编码实战
七.参考文献
鸣谢
感谢大家观看
分享人:刘洪利
IT修真院上海Web第1期学员刘洪利: 邀请码14898047
