JavaScript包括ECMAScript、DOM和BOM三部分。而ECMAScript当中一共包括6种数据类型:Undefined、Null、Boolean、Number、String、Object.
这6中数据类型可分为两大类:值类型与引用类型。object属于引用类型,其余的则属于值类型。
值类型特点:是按值访问的,你可以操作保存在变量中的实际的值
引用类型特点:是属性和方法的集合,拥有属性和方法。
那知道这些,好像还是不怎么了解这些具体的每一个数据类型,那我们就“沏上一壶茶“慢慢揭开它的面纱。
1.Undefined——它仅有一个值,那就是undefined。
1)当一个变量有声明但没有赋值时,这个变量的值就是undefined;
var test;
console.log(test== undefined); //true
2)函数的默认返回值也是为undefined。
2.Null——它仅有一个值,那就是null。
Null在逻辑上表示的是一个空的对象,这可以使用typeof这个操作符来检查,如:
var box = null;
console.log(typeofbox); //object
何时使用null呢:当我们定义了一个变量,准备用它来保存一个对象,那么此时我们最好是将其初始化为null。
3.Boolean——它有2个值,true和false。
注意哦:这里的布尔值是区分大小写的,即True与False是标识符,不是布尔值。
ECMAScript中所有的数据类型的值都能等价于Boolean的值,将一个数值转换成对应的Boolean值,可调用转型函数Boolean( ); 例:
var test = “一念成mo”;
var testBoolean = Boolean(test); // true
那关于各数据类型与Boolean之间的转换,我们在介绍完这些类型之后统一给出。
4.Number——分为3种不同类型:整数int、浮点数float、NaN
1)整数:应该都很好理解,那在严格模式下,统一使用十进制表示。
2)浮点值:就是指数值中包含小数点,并且小数点后面必须至少一位数字,虽然小数点前面可以设置没有整数,但不推荐这种写法。
var floatNum = 1.1;
var floatNum = .1; //有效,但不推荐
由于保存浮点数值的内容空间是整数的2倍耶!所以当遇到这种情况如(1.0),该数值将会自动地被转成整数型。
var floatNum = 1; // 1
var floatNum = 1.0; // 1
同时数值是有使用范围的:最大1.7976931348623157e+308,最小5e-324;若超过这个范围则会变成正无穷与负无穷(Infinity)。
3)NaN:是一个很特殊的值,它是Not a Number的意思,即非数字。表示一个本来要返回数值的操作数未返回数值的情况。例如:任何数除以0就会返回NaN,但它是不会影响代码的。
它有2个不平凡的特点:1.任何与NaN的操作都会返回NaN。2.NaN与任何值都不相等,包括NaN本身。
console.log(NaN == NaN); //false
针对这两个本身特点,ECMAScript定义了isNaN( )这个函数,来检查某个参数是否为“不是一个数值”。例;
console.log(isNaN(NaN)); // true 此处true的含义是:NaN不是一个数。
console.log(isNaN(10)); //true 此处true的含义是:10是一个数。
5.String——用于表示0或多个16位Unicode字符组成的字符串,需要用双引号或单引号表示。
var str = “1010”;
var str = “一念成mo”;
6.Object——对象,即一组数据与功能的集合。
var obj = {};
聊完这6种数据类型的基本情况后,我们来说说另外4个复杂的故事。
首先我们要知道JavaScript是弱变量类型的语言。有些时候我们需要知道变量的数据类型,因为我们极可能需要进行数据类型的转换。
故事一:各数据类型转换成Boolean值
我想再给大家分享一个英文English版的故事一,也是很不错的。
1. Undefined and null are always false.
2. Booleans are just treated as booleans (obviously).
3. Numbers are false if they equal 0 or NaN; otherwise, they’re true.
4. Strings are true, except for the empty string "", which is false.
5. Objects are always true.
故事二:各数据类型转换为数值(Number)
显性转换使用:Number( )、parseInt( )与parseFloat( )。
Number( )函数的转换规则:
1.Boolean值,true和false转换就是1和0。 var num = Number(true); // 1
2.数值本身,则只是简单的传入和返回。 var num = Number(10); // 10
3.Null值,返回0. var num = Number(null); // 0
4.1 空字符串,返回0. var num = Number(" "); // 0
4.2 浮点格式字符串如“1.1”,会忽略小数点,转为1。 var num = Number(“1.1”); // 1
4.3如果字符串只包含数字(包括前面的正负),则转换成十进制如:“123”变成123;”000123“变成”123“. var num = Number(“000123”); // 123
4.4除了上述以外的,其他转换成NaN。 var num = Number(“一念成mo”); // NaN
4.Undefined,返回NaN。 var num = Number(undefined); // NaN
5.对象Object,则调用对象valueOf( )方法,如果转换的结果是NaN,那么调用toString( )方法
parseInt()函数转换规则:
在进行字符串的转换中,我们更多的是使用parseInt( )。
首先,它会忽略字符串前面的空格;直到找到第一个非空格字符。
若第一个字符不是数字字符或负号,则返回NaN;如果第一个是数值字符或符号,将会一直找下去,直到非数字字符。
var num1 =parseInt(“123sf”) ; // 123
var num2 = parseInt(“”); // NaN
var num3 = parseInt(“0xA”); // 10(16进制)
var num4 =parseInt(“22.5”); // 22
var num5 = parseInt(“070”); // 56(八进制)
var num6 =parseInt(“70”); // 70
在使用parseInt()解析像八进制字面的字符串时,比如parseInt(“010”)方法在不同浏览器下存在兼容问题。IE6、IE7、IE8会按照8进制进行转换,解决办法:parseInt(“010”, 10);其他的浏览器则会忽略前面的0变成十进制。
parseFloat()函数转换规则:
parseFloat( )只有第一个小数点有效。它和parseInt()的区别始终会忽略前面的0. parseFloat()只解析十进制。最后还注意一点:如果字符串包含的一个可以解析为整数的数(没有小数点,或者小数点后面都是0),parseFloat()都会返回整数。
varnum1 = parseFloat(“1234blue”); //1234
var num2 =parseFloat(“0xA”); // 0
var num3 =parseFloat(“22.5”); // 22.5
var num4 =parseFloat(“22.34.5”); // 22.34
var num5 =parseFloat(“3.125e7”); // 31250000
故事三:各数据类型转换成String值
要把一个值转换为一个字符串可以使用toString()方法,不过只有数值、布尔值、对象和字符串有toString()这个方法,而null和undefined没有这个方法。我们还可以使用转型函数String(),这个函数能够将任何类型的值转换成字符串。
var age =11;
var ageSrting=age.toString(); // “11”
var obj =null;
console.log(String(obj)); // "null"
也可以将其转换成二进制,八进制,十六进制:
var num = 10;
console.log(num.toString()); // “10”
console.log(num.toString(2)); // “1010”
console.log(num.toString(16)); // “a”
故事四:字符串与数值之间的隐式转换
隐式转换的方式:可以通过+""、* 1、/1的运算来把数值转换成字符串。(可相互转换)
数字——>字符串:使用+(连字符) 数字+字符串=字符串;
字符串——>数字:使用+ - * / %;
例如:
"123"-0 "123"*0 "123"/0 +"123" "123"%比前面的数值字符串大的数字
如果觉得对你有用或者有点小喜欢,请收藏或转发或评论,这也是一种打赏。么么哒~~~