饭后闲谈——JavaScript的数据类型与转换

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值

各数据类型转换成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"%比前面的数值字符串大的数字

如果觉得对你有用或者有点小喜欢,请收藏或转发或评论,这也是一种打赏。么么哒~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容