javascript-基本數據類型和轉換


  ECMAScript中有5種基本數據類型:Undefined、Null、Boolean、Number、String。還有1種復雜數據類型—Object,Object實質上是由一組無序的名值對(鍵值對)組成的。ECMAScript不支持任何創建自定義類型的機制。

  由於ECMAScript是松散型的,所以需要一種手段來檢測變量的數據類型,typeof就是具有這種功能的操作符。用typeof檢測變量可能返回以下某個字符串:

"undefined" 變量未定義
"boolean" 變量是布爾值
"string" 變量是字符串
"number" 變量是數值
"object" 變量是對象或者null
"function" 變量是函數

 

  從技術的角度講,函數在ECMAScript中是對象,不是一種數據類型。然而,函數有一些特殊的屬性,因此通過typeof來區分函數和其它對象是有必要的。

  Undefined類型只有一個值,就是特殊的undefined。在使用var聲明變量但未初始化時,這個變量的值就是undefined,如:

var a;
alert(a == undefined);     //true

  不過,包含undefined值的變量和尚未定義的變量不一樣,如:

var a;    // 這個變量聲明之后默認取得了undefined值
// 下面這個變量並沒有聲明
// var b

alert(a);        // "undefined"
alert(b);        //  產生錯誤

  然而對未聲明或者聲明沒有初始化的變量使用typeof都會返回undefined,如:

var a;
// var b;
alert(typeof a);  //  "undefined"      
alert(typeof b);  //  "undefined"

  Null類型也只有一個值,就是null。從邏輯的角度來看,null值表示一個空指針,所以用typeof檢測null值會返回"object",如:

var car = null;
alert(typeof car);    // "object"

  所以如果要定義變量來存放對象,最好將該變量初始化為null。實際上,undefined值是繼承自null值的,所以判斷它們的相等性會返回true:

alert(null == undefined);     // true

  盡管null和undefined有這樣的關系,但它們用途是完全不同的,因為無論什么時候都沒有必要把一個變量的值顯示的設置為undefined,然而當定義一個還未保存對象的對象變量時,就應該將變量設置為null,這樣不僅可以體現null作為空對象的指針,還有能很好地區分null和undefined。

  Boolean類型有兩個字面值:truefalse,但是ECMAScript中所有類型的值都能調用Boolean()函數轉換成Boolean類型的值,下表列出了各種數據類型對應的轉換規則:

數據類型 轉換為true的值 轉換為false的值
Boolean true false
String  任何非空字符串 ""空字符串
Number 任何非零數字值 0和NaN
Object 任何對象 null
Undefined / undefined

  Number類型分為整數和浮點數,整數可以用十進制,八進制或十六進制表示,如:

var num1 = 22;    //十進制整數
var num2 = 070;    //八進制的56
var num3 = 079;    // 無效的八進制,解析為十進制79
var num4 = 08;    //無效的八進制,解析為十進制8
var num5 = 0xA;    //十六進制的10
var num6 = 0x1f;    //十六進制的31

  但是八進制字面量在嚴格模式下是無效的,在進行算數計算時,所有的數值最終都會轉換為十進制數值。浮點數值必須包含一個小數點,如:

var floatNum1 = 1.1;
var floatNum2 = .1;    //有效,但不推薦
var floatNum3 = 1.;    //小數點后面沒有數字,解析為1
var floatNum4 = 10.0;    //整數,解析為10

  浮點數值的最高精度是17位小數,但在進行算數計算時精確度遠不如整數,例如:

var a = 0.1;
var b = 0.2;
var c = a + b;    //c的值為0.30000000000000004

  NaN,即非數值,是一個特殊的Number值,NaN有兩個特點:任何和NaN操作的結果都會返回NaN,NaN與任何值都不相等,包括NaN。使用isNaN()函數可以判斷一個值是不是NaN,isNaN()在接收到一個參數時,會嘗試將這個值轉換為數值,任何不能轉換為數值的值都會返回true,如:

alert(isNaN(NaN));    //true
alert(isNaN(10));    //false(10是一個數值)
alert(isNaN("10"));    //false(可以被轉換為數值10)
alert(isNaN("abc"));    //true(不能轉換為數值)
alert(isNaN(true));    //false(可以轉換為數值1)
var obj = {name:"zhangsan", age:"1"};
alert(isNaN(obj));    //true

  isNaN()也能轉換對象,對象調用isNaN()時,會首先調用對象的valueOf()方法,然后確定該方法的返回值是否可以轉換為數值,如果不能,則用這個返回值再調用toString()方法,再測試返回值。

  非數值轉換成數值的方法有三個:Number()、parseInt()、parseFloat()。Number()可以轉換任何數據類型的值,而parseInt()和parseFloat()只能轉換字符串。

  Number()函數有以下轉換規則:

    1.如果是Boolean值,true轉換為1,false轉換為0;

var num = Number(true);    //1
var num2 = Number(false);    //0

    2.如果是Number值,就和傳入的值一樣;

var num = Number(1);    //1

    3.如果是null,轉換為0;

var num = Number(null);    //0

    4.如果是undefined,轉換為NaN;

var num = Number(undefined);    //NaN

    5.如果是String值,要分多種情況,如果是空字符串,則轉換為0;如果是純數字的字符串,則將其轉換為相對應的數值,如果字符串是數字且包含".",則將其轉換為對應的浮點數值(如果字符串最前面是0,會被忽略),如果字符串是有效的十六進制格式,會將其轉換為對應的十進制數值;如果字符串包含上述格式之外的字符,則轉換為NaN;如果字符串是對象,會首先調用對象的valueOf()方法,然后確定該方法的返回值是否可以轉換為數值,如果結果是NaN,則調用toString()方法,再測試返回值。

var num = Number("Hello World");    //NaN
var num2 = Number("");    //0
var num3 = Number("01");    //1
var num4 = Number("01.1");    //1.1
var obj = {name:"zhangsan", age:"1"};
alert(Number(obj));    //NaN

  由於Number()在轉換字符串是比較復雜,所以轉換字符串常用parseInt()和parseFloat()。這兩個函數在轉換字符串時,會檢測該字符串是否符合數值模式,從第一個非空格字符開始解析,如果第一個字符不是數值或者負號,則返回NaN(包括空字符串)。如果第一個字符是字符串,則繼續解析后面的字符,直到解析完所有的字符或者遇到非數字字符。

  parseInt()能夠識別各種整數格式(十進制、八進制、十六進制),如果字符串以"0x"開頭且后跟數字字符,就會被解析為十六進制,如果以"0"開頭且后跟數字字符,則會被解析為八進制(ECMAScript5不識別八進制,會將前面的0忽略,解析為十進制)。

var num = parseInt("123Hello");    //123
var num2 = parseInt("");        //NaN
var num3 = parseInt("0xA");      //10(十六進制)
var num4 = parseInt("22.3");    //22
var num5 = parseInt("070");    //56(ECMAScript3八進制) 70(ECMAScript5十進制)
var num6 = parseInt("23");    //23(十進制)

  為了解決兼容性問題,parseInt()提供第二個參數,以何種數值格式解析。

var num1 = parseInt("0xAF", 16);       //175
var num2 = parseInt("AF", 16);        //175,可以省略前面的"0x"
var num3 = parseInt("10", 2);        //2(二進制)
var num3 = parseInt("10", 8);        //8(八進制)
var num3 = parseInt("10", 10);        //10(十進制)
var num3 = parseInt("10", 16);        //16(十六進制)

  parseFloat()只識別第一個小數點,后面的小數點就無效了,同時parseFloat()只識別是十進制值,所以沒有第二個參數,別的格式數值會被解析為0。

var num = parseFloat("123Hello");        //123
var num = parseFloat("0xA");        //0
var num = parseFloat("12.1");        //12.1
var num = parseFloat("12.1.1");        //12.1
var num = parseFloat("023");        //23
var num = parseFloat("1.1e3");        //1100

  String類型值由若干個Unicode字符組成的字符序列構成,可以由單引號('')或者雙引號("")表示,但是左右引號必須匹配。

var str1 = "abc";
var str2 = 'abc';
var str3 = "abc'; //語法錯誤

  將一個值顯式轉換為字符串有兩種方法,toString()和String(),數值、布爾值、對象和字符串都有toString()方法和String()方法,而undefined和null只有String()方法,toString()的參數是轉換的進制格式。

var num = 10;
alert(num.toString());        //"10"
alert(num.toString(2));      //"1010"
alert(num.toString(8));     //"12"  
alert(num.toString(10));   //"10"
alert(num.toString(16));   //"A"
alert(true.toString());       //"true"
String(num);        //"10"
String(true);        //"true"
String(null);    //"null"
var num1;
String(num1);    //"undefined"

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM