欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript數(shù)據(jù)類型詳解

 更新時間:2015年04月01日 09:50:59   投稿:junjie  
這篇文章主要介紹了JavaScript數(shù)據(jù)類型詳解,本文詳細講解了JavaScript中有5種基本數(shù)據(jù)類型:Undefined、Null、Boolean、Number和String,需要的朋友可以參考下

數(shù)據(jù)類型

  JavaScript中有5種簡單數(shù)據(jù)類型(也稱為基本數(shù)據(jù)類型):Undefined、Null、Boolean、Number和String。還有1種復(fù)雜數(shù)據(jù)類型——Object,Object本質(zhì)上是由一組無序的名值對組成的。

typeof操作符

  介于JavaScript是松散類型的,因此需要有一種手段來檢測給定變量的數(shù)據(jù)類型——typeof就是負責(zé)提供者方面信息的操作符。對一個值使用typeof操作符可能返回下列某個字符串:

● "undefined"——如果這個值未定義;
● "boolean"——如果這個值是布爾值;
● "string"——如果這個值是字符串;
● "number"——如果這個值是數(shù)值;
● "object"——如果這個值是對象或null;
● "function"——如果這個值是函數(shù);

Undefined類型

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

復(fù)制代碼 代碼如下:

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

Null類型

  Null類型是第二個只有一個值的數(shù)據(jù)類型,這個特殊的值是null。從邏輯角度來看,null值表示一個空對象指針,而這也正是使用typeof操作符檢測null時會返回"object"的原因,例如:

復(fù)制代碼 代碼如下:

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

  如果定義的變量準(zhǔn)備在將來用于保存對象,那么最好將該變量初始化為null而不是其他值。這樣一來,只要直接檢測null值就可以知道相應(yīng)的變量是否已經(jīng)保存了一個對象的引用了,例如:
復(fù)制代碼 代碼如下:

 if(car != null)
    {
        //對car對象執(zhí)行某些操作
    }

實際上,undefined值是派生自null值的,因此ECMA-262規(guī)定對它們的相等性測試要返回true。

復(fù)制代碼 代碼如下:

  alert(undefined == null); //true

  盡管null和undefined有這樣的關(guān)系,但它們的用途完全不同。無論在什么情況下都沒有必要把一個變量的值顯式地設(shè)置為undefined,可是同樣的規(guī)則對null卻不適用。換句話說,只要意在保存對象的變量還沒有真正保存對象,就應(yīng)該明確地讓該變量保存null值。這樣做不僅可以體現(xiàn)null作為空對象指針的慣例,而且也有助于進一步區(qū)分null和undefined。

Boolean類型

  該類型只有兩個字面值:true和false。這兩個值與數(shù)字值不是一回事,因此true不一定等于1,而false也不一定等于0。

  雖然Boolean類型的字面值只有兩個,但JavaScript中所有類型的值都有與這兩個Boolean值等價的值。要將一個值轉(zhuǎn)換為其對應(yīng)的Boolean值,可以調(diào)用類型轉(zhuǎn)換函數(shù)Boolean(),例如:

復(fù)制代碼 代碼如下:

    var message = 'Hello World';
    var messageAsBoolean = Boolean(message);

  在這個例子中,字符串message被轉(zhuǎn)換成了一個Boolean值,該值被保存在messageAsBoolean變量中??梢詫θ魏螖?shù)據(jù)類型的值調(diào)用Boolean()函數(shù),而且總會返回一個Boolean值。至于返回的這個值是true還是false,取決于要轉(zhuǎn)換值的數(shù)據(jù)類型及其實際值。下表給出了各種數(shù)據(jù)類型及其對象的轉(zhuǎn)換規(guī)則。

這些轉(zhuǎn)換規(guī)則對理解流控制語句(如if語句)自動執(zhí)行相應(yīng)的Boolean轉(zhuǎn)

換非常重要,例如:

復(fù)制代碼 代碼如下:

    var message = 'Hello World';
    if(message)
    {
        alert("Value is true");
    }

  運行這個示例,就會顯示一個警告框,因為字符串message被自動轉(zhuǎn)換成了對應(yīng)的Boolean值(true)。由于存在這種自動執(zhí)行的Boolean轉(zhuǎn)換,因此確切地知道在流控制語句中使用的是什么變量至關(guān)重要。

Number類型

  這種類型用來表示整數(shù)和浮點數(shù)值,還有一種特殊的數(shù)值,即NaN(非數(shù)值 Not a Number)。這個數(shù)值用于表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況(這樣就不會拋出錯誤了)。例如,在其他編程語言中,任何數(shù)值除以0都會導(dǎo)致錯誤,從而停止代碼執(zhí)行。但在JavaScript中,任何數(shù)值除以0會返回NaN,因此不會影響其他代碼的執(zhí)行。

  NaN本身有兩個非同尋常的特點。首先,任何涉及NaN的操作(例如NaN/10)都會返回NaN,這個特點在多步計算中有可能導(dǎo)致問題。其次,NaN與任何值都不相等,包括NaN本身。例如,下面的代碼會返回false。

復(fù)制代碼 代碼如下:

alert(NaN == NaN);    //false

  JavaScript中有一個isNaN()函數(shù),這個函數(shù)接受一個參數(shù),該參數(shù)可以使任何類型,而函數(shù)會幫我們確定這個參數(shù)是否“不是數(shù)值”。isNaN()在接收一個值之后,會嘗試將這個值轉(zhuǎn)換為數(shù)值。某些不是數(shù)值的值會直接轉(zhuǎn)換為數(shù)值,例如字符串”10“或Boolean值。而任何不能被轉(zhuǎn)換為數(shù)值的值都會導(dǎo)致這個函數(shù)返回true。例如:
復(fù)制代碼 代碼如下:

alert(isNaN(NaN));    //true
    alert(isNaN(10));    //false(10是一個數(shù)值)
    alert(isNaN("10"));    //false(可能被轉(zhuǎn)換為數(shù)值10)
    alert(isNaN("blue"));    //true(不能被轉(zhuǎn)換為數(shù)值)
    alert(isNaN(true));    //false(可能被轉(zhuǎn)換為數(shù)值1)

  有3個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值:Number()、parseInt()和parseFloat()。第一個函數(shù),即轉(zhuǎn)型函數(shù)Number()可以用于任何數(shù)據(jù)類型,而另外兩個函數(shù)則專門用于把字符串轉(zhuǎn)換成數(shù)值。這3個函數(shù)對于同樣的輸入會返回不同的結(jié)果。

Number()函數(shù)的轉(zhuǎn)換規(guī)則如下:

● 如果是Boolean值,true和false將分別被替換為1和0
● 如果是數(shù)字值,只是簡單的傳入和返回
● 如果是null值,返回0
● 如果是undefined,返回NaN
● 如果是字符串,遵循下列規(guī)則:

○ 如果字符串中只包含數(shù)字,則將其轉(zhuǎn)換為十進制數(shù)值,即”1“會變成1,”123“會變成123,而”011“會變成11(前導(dǎo)的0被忽略)
○ 如果字符串中包含有效的浮點格式,如”1.1“,則將其轉(zhuǎn)換為對應(yīng)的浮點數(shù)(同樣,也會忽略前導(dǎo)0)
○ 如果字符串中包含有效的十六進制格式,例如”0xf“,則將其轉(zhuǎn)換為相同大小的十進制整數(shù)值
○ 如果字符串是空的,則將其轉(zhuǎn)換為0
○ 如果字符串中包含除了上述格式之外的字符,則將其轉(zhuǎn)換為NaN

● 如果是對象,則調(diào)用對象的valueOf()方法,然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN,則調(diào)用對象的toString()方法,然后再依次按照前面的規(guī)則轉(zhuǎn)換返回的字符串值。

復(fù)制代碼 代碼如下:

    var num1 = Number("Hello World");    //NaN
    var num2 = Number("");                //0
    var num3 = Number("000011");        //11
    var num4 = Number(true);            //1

  由于Number()函數(shù)在轉(zhuǎn)換字符串時比較復(fù)雜而且不夠合理,因此在處理整數(shù)的時候更常用的是parseInt()函數(shù)。parseInt()函數(shù)在轉(zhuǎn)換字符串時,更多的是看其是否符合數(shù)值模式。它會忽略字符串前面的空格,直至找到第一個非空格字符。如果第一個字符串不是數(shù)字字符或者負號,parseInt()會返回NaN;也就是說,用parseInt()轉(zhuǎn)換空字符串會返回NaN。如果第一個字符是數(shù)字字符,praseInt()會繼續(xù)解析第二個字符,知道解析完所有后續(xù)字符或者遇到了一個非數(shù)字字符。例如,"1234blue"會被轉(zhuǎn)換為1234,”22.5“會被轉(zhuǎn)換為22,因為小數(shù)點并不是有效的數(shù)字字符。

  如果字符串中的第一個字符是數(shù)字字符,parseInt()也能夠識別出各種整數(shù)格式(即十進制、八進制、十六進制)。為了更好的理解parseInt()函數(shù)的轉(zhuǎn)換規(guī)則,下面給出一些例子

復(fù)制代碼 代碼如下:

var num1 = parseInt("1234blue");    //1234
    var num2 = parseInt("");            //NaN
    var num3 = parseInt("0xA");            //10(十六進制)
    var num4 = parseInt("22.5");        //22
    var num5 = parseInt("070");            //56(八進制)
    var num6 = parseInt("70");            //70

    var num7 = parseInt("10",2);        //2(按二進制解析)
    var num8 = parseInt("10",8);        //8(按八進制解析)
    var num9 = parseInt("10",10);        //10(按十進制解析)
    var num10 = parseInt("10",16);        //16(按十六進制解析)
    var num11 = parseInt("AF");            //56(八進制)
    var num12 = parseInt("AF",16);        //175

與parseInt()函數(shù)類似,parseFloat()也是從第一個字符(位置0)開始解析每個字符。而且也是一直解析到字符串末尾,或者解析到遇見一個無效的浮點數(shù)字字符為止。也就是說,字符串中的第一個小數(shù)點是有效的,而第二個小數(shù)點就是無效的了,因此它后面的字符串將被忽略。例如,”22.34.5“將會被轉(zhuǎn)換成22.34。

  parseFloat()和parseInt()的第二個區(qū)別在于它始終都會忽略前導(dǎo)的零。由于parseFloat()值解析十進制值,因此它沒有用第二個參數(shù)指定基數(shù)的用法。

復(fù)制代碼 代碼如下:

var num1 = 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("0908.5");    //908.5

String類型

String類型用于表示由零或多個16位Unicode字符組成的字符序列,即字符串。字符串可以由單引號(')或雙引號(")表示。

復(fù)制代碼 代碼如下:

    var str1 = "Hello";
    var str2 = 'Hello';

  任何字符串的長度都可以通過訪問其length屬性取得
復(fù)制代碼 代碼如下:

  alert(str1.length);        //輸出5

  要把一個值轉(zhuǎn)換為一個字符串有兩種方式。第一種是使用幾乎每個值都有的toString()方法。
復(fù)制代碼 代碼如下:

    var age = 11;
    var ageAsString = age.toString();    //字符串"11"
    var found = true;
    var foundAsString = found.toString();    //字符串"true"

  數(shù)值、布爾值、對象和字符串值都有toString()方法。但null和undefined值沒有這個方法。

  多數(shù)情況下,調(diào)用toString()方法不必傳遞參數(shù)。但是,在調(diào)用數(shù)值的toString()方法時,可以傳遞一個參數(shù):輸出數(shù)值的基數(shù)。

復(fù)制代碼 代碼如下:

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"

通過這個例子可以看出,通過指定基數(shù),toString()方法會改變輸出的值。而數(shù)值10根據(jù)基數(shù)的不同,可以在輸出時被轉(zhuǎn)換為不同的數(shù)值格式。

在不知道要轉(zhuǎn)換的值是不是null或undefined的情況下,還可以使用轉(zhuǎn)型函數(shù)String(),這個函數(shù)能夠?qū)⑷魏晤愋偷闹缔D(zhuǎn)換為字符串。String()函數(shù)遵循下列轉(zhuǎn)換規(guī)則:

● 如果值有toString()方法,則調(diào)用該方法(沒有參數(shù))并返回相應(yīng)的結(jié)果
● 如果值是null,則返回"null"
● 如果值是undefined,則返回”undefined“

復(fù)制代碼 代碼如下:

var value1 = 10;
    var value2 = true;
    var value3 = null;
    var value4;
    alert(String(value1));    //"10"
    alert(String(value2));    //"true"
    alert(String(value3));    //"null"
    alert(String(value4));    //"undefined"

Object類型

  對象其實就是一組數(shù)據(jù)和功能的集合。對象可以通過執(zhí)行new操作符后跟要創(chuàng)建的對象類型的名稱來創(chuàng)建。而創(chuàng)建Object類型的實例并為其添加屬性和(或)方法,就可以創(chuàng)建自定義對象。

復(fù)制代碼 代碼如下:

  var o = new Object();

  Object的每個實例都具有下列屬性和方法:

● constructor——保存著用于創(chuàng)建當(dāng)前對象的函數(shù)
● hasOwnProperty(propertyName)——用于檢查給定的屬性在當(dāng)前對象實例中(而不是在實例的原型中)是否存在。其中,作為參數(shù)的屬性名(propertyName)必須以字符串形式指定(例如:o.hasOwnProperty("name"))
● isPrototypeOf(object)——用于檢查傳入的對象是否是另一個對象的原型
● propertyIsEnumerable(propertyName)——用于檢查給定的屬性是否能夠使用for-in語句來枚舉
● toString()——返回對象的字符串表示
● valueOf()——返回對象的字符串、數(shù)值或布爾值表示。通常與toString()方法的返回值相同。

相關(guān)文章

  • 詳解Node.js模塊間共享數(shù)據(jù)庫連接的方法

    詳解Node.js模塊間共享數(shù)據(jù)庫連接的方法

    我們可以寫一個統(tǒng)一的數(shù)據(jù)庫連接模塊來供本地Node環(huán)境下各模塊間共享使用,接下來就來詳解Node.js模塊間共享數(shù)據(jù)庫連接的方法
    2016-05-05
  • javascript基礎(chǔ)語法——全面理解變量和標(biāo)識符

    javascript基礎(chǔ)語法——全面理解變量和標(biāo)識符

    下面小編就為大家?guī)硪黄猨avascript基礎(chǔ)語法——全面理解變量和標(biāo)識符。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考,一起跟隨小編過來看看吧
    2016-06-06
  • getElementById().innerHTML與getElementById().value的區(qū)別

    getElementById().innerHTML與getElementById().value的區(qū)別

    這篇文章主要介紹了getElementById().innerHTML與getElementById().value的區(qū)別,因為經(jīng)常有新手朋友問到,特整理一下,需要的朋友可以參考下
    2016-10-10
  • javascript設(shè)計模式之迭代器模式

    javascript設(shè)計模式之迭代器模式

    這篇文章主要為大家介紹了javascript迭代器模式,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • Javascript 按位與運算符 (&)使用介紹

    Javascript 按位與運算符 (&)使用介紹

    Javascript 按位與運算符 (&),用于對兩個 32 位表達式執(zhí)行按位“與”運算,而一般表達式里面都是十進制整數(shù),此時需要先轉(zhuǎn)換成對應(yīng)的二進制,然后向前加0,補足32位
    2014-02-02
  • 在Javascript中處理數(shù)組之toSource()方法的使用

    在Javascript中處理數(shù)組之toSource()方法的使用

    這篇文章主要介紹了在Javascript中處理數(shù)組之toSource()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-06-06
  • JavaScript實現(xiàn)表單元素的操作

    JavaScript實現(xiàn)表單元素的操作

    這篇文章介紹了JavaScript操作表單元素的方法,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-05-05
  • fromCharCode和charCodeAt 方法

    fromCharCode和charCodeAt 方法

    fromCharCode和charCodeAt 方法...
    2006-12-12
  • 介紹一個簡單的JavaScript類框架

    介紹一個簡單的JavaScript類框架

    這篇文章主要介紹了一個簡單的JavaScript類框架,有助于初學(xué)者理解JS類的創(chuàng)建與繼承,需要的朋友可以參考下
    2015-06-06
  • Function.prototype.apply()與Function.prototype.call()小結(jié)

    Function.prototype.apply()與Function.prototype.call()小結(jié)

    JavaScript 中,某個函數(shù)的參數(shù)數(shù)量是不固定的,因此要說適用條件的話,當(dāng)你的參數(shù)是明確知道數(shù)量時,用 call,而不確定的時候,用 apply,然后把參數(shù) push 進數(shù)組傳遞進去。當(dāng)參數(shù)數(shù)量不確定時,函數(shù)內(nèi)部也可以通過 arguments 這個數(shù)組來便利所有的參數(shù)
    2016-04-04

最新評論