DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js類型轉換與引用類型詳解
js類型轉換與引用類型詳解
編輯:JavaScript綜合知識     

 本篇文章主要是對js中的類型轉換與引用類型(Boolean_Number_String)進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助

一、類型轉換    1.轉換成字串  ECMAScript的Boolean值、數字和字串的原始值的有趣之處在於它們是偽對象,這意味著它們實際上具有屬性和方法。  如:     代碼如下: var sColor = "blue"; alert(sColor.length);//outputs "4"   總而言之,3種主要的原始值Boolean值、數字和字串都有toString()方法。ECMAScript定義的所有對象都有toString()方法,無論它是偽對象,還是真的對象。    Boolean型的toString()方法只是輸出"true"或"false",結果由變量的值決定:     代碼如下: var bFound = false; alert(bFound.toString());//outputs "false"   Number類型的toString()方法比較特殊,它有兩種模式,即默認模式和基模式,采用默認模式,toString()方法只是用相應的字符串輸出數字值(無論是整數、浮點數還是科學記數法)。   代碼如下: var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs "10" alert(fNum2.toString()); //outputs "10"   采用Number類型的toString()方法的基模式,可以用不同的基(進制基數)輸出數字。   代碼如下: var iNum = 10; alert(iNum.toString(2));  //outputs "1010" alert(iNum.toString(8));  //outputs "12" alert(iNum.toString(16)); //outputs "A"   2.轉換成數字  ECMAScript提供了兩種把非數字的原始值轉換成數字的方法,即parseInt()和parseFloat()。  注意:只有對String類型(Number除外)調用這些方法,才能正確運行對其他類型返回的都是NaN。    例如:     代碼如下: var iNum1 = parseInt("1234blue");//returns 1234 var iNum2 = parseInt("oxA"); //returns 10 var iNum3 = parseInt("22.5"); //returns 22 var iNum4 = parseInt("blue"); //returns NaN   parseInt()方法還有基模式,可以把二進制、八進制、十六進制或者其他任何進制的字符串轉換成十進制整數。第二個參數指定按哪一種進制來解析。   代碼如下: var iNum1 = parseInt("AF",16);// returns 175 var iNum2 = parseInt("10",2); // returns 2 var iNum3 = parseInt("10",8); //returns 8 var iNum4 = parseInt("10",10); //returns 10   說明:如果十進制數包含前導0,那麼最好采用基數10,否則得到的是八進制的值。  代碼如下: var iNum1 = parseInt("010");  // returns 8 var iNum2 = parseInt("010",8); //returns 8 var iNum3 = parseInt("010",10);//returns 10   parseFloat()方法與parseInt()方法的處理方式相似,從位置0開始查看每個字符,直到找到第一個非有效的字符為止,然後把該字符之前的字串轉換成數字。對於這個方法來說,第一個出現的小數點是有效字符。如果用兩個小數點,第二個小數點將被看作無效的。使用該方法的另一個不同之處在於,字串必須以十進制形式表示浮點數。   代碼如下: var fNum1 = parseFloat("1234blue"); //returns 1234.0 var fNum2 = parseFloat("0xA"); //returns NaN var fNum3 = parseFloat("22.5"); //returns 22.5 var fNum4 = parseFloat("22.34.5");//returns 22.34 var fNum5 = parseFloat("0908");//returns NaN var fNum6 = parseFloat("blue");//returns NaN   3.強制類型轉換  ECMAScript中可用的3種強制類型轉換如下:    (1).Boolean(value)  把給定的值轉換成Boolean型。  當要轉換的值是至少有一個字符的字符串、非0數字或對象時,Boolean()函數將返回true。如果該值是空字符串、數字0、undefined或null,它將返回false。  如:     代碼如下: var b1 = Boolean(""); // false; var b2 = Boolean("hi");//true var b3 = Boolean(100);//true var b4 = Boolean(null);//false var b5 = Boolean(0);//false var b6 = Boolean(new Object());//true   (2).Number(value)  把給定的值轉換成數字(可以是整數或浮點數)。  還記得parseInt()和parseFloat()方法只轉換第一個無效字符之前的字符串,因此"4.5.6"將被轉換為"4.5"。用Number()進行強制類型轉換,"4.5.6"將返回NaN,因為整個字符串值不能轉換成數字。如果字符串能被完整地轉換,Number()將判斷是調用parseInt()方法還是調用parseFloat()方法。  如:   代碼如下: Number(false);//0 Number(true);//1 Number(undefined);//NaN Number(null);//0 Number("5.5");//5.5 Number("56");//56 Number("5.6.7");//NaN Number(new Object());//NaN Number(100);//100   (3).String(value)  把給定的值轉換成字串。  與調用toString()方法的唯一不同之處在於,對null或undefined值強制類型轉換可以生成字符串而不引發錯誤:   代碼如下: var s1 = String(null);//"null" var oNull = null; var s2 = oNull.toString();//causes an error   二、引用類型  引用類型通常叫作類(class),也就是說,遇到引用值時,所處理的就是對象。ECMAScript定義了“對象定義”,邏輯上等價於其他程序設計語言中的類。    1.Object類  ECMAScript中的所有類都由這個類繼承而來,Object類中的所有屬性和方法都會出現在其他類中(被覆蓋)。    Object類的屬性:    (1).Constructor----對創建對象的函數的引用(指針)。對於Object類,該指針指向原始的object()函數。    (2).Prototype----對該對象的對象原型的引用。對於所有的類,它默認返回Object對象的一個實例。    Object類的方法:    (1).HasOwnProperty(property)----判斷對象是否有某個特定的屬性。必須用字符串指定該屬性(例如:o.hasOwnProperty("name"))。    (2).IsPrototypeOf(object)----判斷該對象是否為另一個對象的原型。    (3).PropertyIsEnumerable(property)----判斷給定的屬性是否可以用for..in語句進行枚舉。    (4).ToString()----返回對象的原始字符串表示。不同的ECMAScript實現具有不同的值。    (5).ValueOf()----返回最適合該對象的原始值。對於許多類,該方法返回的值都與toString()的返回值相同。    2.Boolean類  在ECMAScript中很少使用Boolean對象,即使使用,也不易理解。  例如:     代碼如下: var oFalseObject  = new Boolean(false); var bResult = oFalseObject  && true;//outputs  true;   原因:在Boolean表達式中,所有對象都會被自動轉換為true。    3.Number類  Number.MAX_VALUE等等特殊值都Number類的靜態屬性。要得到數字對象的Number原始值,只需要使用valueOf()方法:  var iNumber = oNumberObject.valueOf();  除從Object類繼承的標准方法外,Number類還有幾個處理數值的專用方法。    toFixed()方法:  返回的是具有指定位數小數的數字的字符串表示。方法能表示具有0到20位小數的數字,超出這個范圍的值會引發錯誤。  如:     代碼如下: var oNumberObject = new Number(99); aler(oNumberObject.toFixed(2));//outputs "99.00"   toExponential()方法:  返回的是用科學記數法表示的數字的字符串形式。該方法也有一個參數,指定要輸出的小數的位數。例如:  代碼如下: var oNumberObj = new Number(99); alert(oNumberObj.toExponential(1));//outputs "9.9e+1"   toPrecision()方法:  根據最有意義的形式來返回數字的預定形式或指數形式。它有一個參數,即用於表示數的數字總數(不包括指數)。   代碼如下: var oNumberObj = new Number(99); alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100   可以看出,toPrecision()方法會對數進行捨入,從而得到盡可能接近真實值的數。  如:  代碼如下: var oNumberObj = new Number(99); alert(oNumberObj.toPrecision(2));// outputs "99" alert(oNumberObj.toPrecision(3));// outputs "99.0"   toFixed()、toExponential()和toPrecision()方法都會進行捨入操作,以便用正確的小數位數正確地表示一個數。    toLocaleString()方法:  可以在頁面上格式顯示,如5210.50顯示為5,210.50,但是如果在使用其值時,應該用parseFloat($("N_YJJE").value.replace(//,/g, ""));的形式替換掉逗號,後得到其值。    注意:與Boolean對象相似,Number對象也很重要,不過應該少用這種對象,以避免發生潛在的問題。只要可能,都使用數字的原始表示法。    4.String類  String對象的valueOf()方法和toString()方法都會返回String型的原始值:   代碼如下: alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"   String類具有屬性length,它是字符串的字符個數:   代碼如下: var oStringObj = new String("hello world"); alert(oStringObj.length);outputs "11"   注意:即使字符串包含雙字節的字符,每個字符也只算一個字符。    charAt()方法:  返回的是包含指定位置處的字符的字符串:    代碼如下: var oStringObj = new String("hello world"); alert(oStringObj.charAt(1));outputs "e"   charCodeAt()方法:  返回的是包含指定位置處的字符代碼的字符串:   代碼如下: var oStringObj = new String("hello world"); alert(oStringObj.charCodeAt(1));outputs "101"   concat()方法:  用於把一個或多個字符串連接到String對象的原始值上。原String對象不變。  代碼如下: var oStringObj = new String("hello "); var sResult = oStringObj.concat("world");//oStringObj+"world";更常見 alert(sResult);//outputs "hello world" alert(oStringObj);//outputs "hello"   indexOf()和lastIndexOf()方法返回的都是指定的子串在另一個字符串中的位置(或-1,如果沒有找到這個子串)。這兩個方法的不同之處大於,indexOf()是從字串的開頭(位置0)開始檢索子串,而lastIndexOf()則是從字串的結尾開始檢索子串的。    localeCompare(),對字符串進行比較(按照字母順序比較,越後越大)。該方法有一個參數--要進行比較的字符串,返回的是下列3個值之一:  1.如果String對象按照字母順序排在參數中的字符串之前,返回負數(最常見的是-1,不過真正的返回由實現決定的)。  2.如果String對象等於參數中的字符串,返回0。  3.如果String對象按照字母順序排在參數中的字符串之後,返回正數(最常見的是1,不過真正的返回由實現決定的)    slice()和substring()方法:  這兩個方法返回的都是要處理的字符串的子串,都接受一個或兩個參數。第一個參數是要獲取的子串的起始位置,第二個參數是要獲取子串終止前的位置(終止位置處的字符不包括大返回的值內)。如果省略第二個參數,終止位就默認為字符串的長度。這兩個方法都不改變String對象自身的值。     代碼如下: var oStringObj = new String("hello world"); alert(oStringObj.slice(3));//outputs "lo world" alert(oStringObj.slice(3,7));//outputs "lo w"   注意:對於負數參數,slice()方法會用字符串的長度加上參數,substring()方法則將其作為0處理(也就是說將忽略它)。  代碼如下: var oStringObj = new String("hello world"); alert(oStringObj.slice(-3));//outputs "rld"相當於反向取 alert(oStringObj.substring(-3));//outputs "hello world" alert(oStringObj.slice(3,-4));//outputs "lo w" alert(oStringObj.substring(3,-4));//outputs "hel" substring()總是把較小的數字作為起始位,較大的數字作為終止位。   toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase():  前兩種方法把字符串轉換成全小寫的,後兩種方法用於把字符串轉換成全大寫的。toLocalLowerCase()和toLocaleUpperCase()方法是基於特定區域實現的。    記住:String類的所有屬性和方法都可應用於String原始值上,因為它們是偽對象。    5.instanceof運算符  在使用typeof運算符時采用引用類型存儲值會出現一個問題,無論引用的是什麼類型的對象,它都返回"object"。instanceof方法要示開發者明確地確認對象為某特定類型。如:     代碼如下: var oStrObj = new String("hello world");    alert(oStrObj instanceof String);//outputs "true"     
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved