js類型轉(zhuǎn)換與引用類型詳解(Boolean_Number_String)
一、類型轉(zhuǎn)換
1.轉(zhuǎn)換成字串
ECMAScript的Boolean值、數(shù)字和字串的原始值的有趣之處在于它們是偽對象,這意味著它們實際上具有屬性和方法。
如:
var sColor = "blue";
alert(sColor.length);//outputs "4"
總而言之,3種主要的原始值Boolean值、數(shù)字和字串都有toString()方法。ECMAScript定義的所有對象都有toString()方法,無論它是偽對象,還是真的對象。
Boolean型的toString()方法只是輸出"true"或"false",結(jié)果由變量的值決定:
var bFound = false;
alert(bFound.toString());//outputs "false"
Number類型的toString()方法比較特殊,它有兩種模式,即默認模式和基模式,采用默認模式,toString()方法只是用相應(yīng)的字符串輸出數(shù)字值(無論是整數(shù)、浮點數(shù)還是科學(xué)記數(shù)法)。
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
采用Number類型的toString()方法的基模式,可以用不同的基(進制基數(shù))輸出數(shù)字。
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
2.轉(zhuǎn)換成數(shù)字
ECMAScript提供了兩種把非數(shù)字的原始值轉(zhuǎn)換成數(shù)字的方法,即parseInt()和parseFloat()。
注意:只有對String類型(Number除外)調(diào)用這些方法,才能正確運行對其他類型返回的都是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()方法還有基模式,可以把二進制、八進制、十六進制或者其他任何進制的字符串轉(zhuǎn)換成十進制整數(shù)。第二個參數(shù)指定按哪一種進制來解析。
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
說明:如果十進制數(shù)包含前導(dǎo)0,那么最好采用基數(shù)10,否則得到的是八進制的值。
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
parseFloat()方法與parseInt()方法的處理方式相似,從位置0開始查看每個字符,直到找到第一個非有效的字符為止,然后把該字符之前的字串轉(zhuǎn)換成數(shù)字。對于這個方法來說,第一個出現(xiàn)的小數(shù)點是有效字符。如果用兩個小數(shù)點,第二個小數(shù)點將被看作無效的。使用該方法的另一個不同之處在于,字串必須以十進制形式表示浮點數(shù)。
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.強制類型轉(zhuǎn)換
ECMAScript中可用的3種強制類型轉(zhuǎn)換如下:
(1).Boolean(value)
把給定的值轉(zhuǎn)換成Boolean型。
當要轉(zhuǎn)換的值是至少有一個字符的字符串、非0數(shù)字或?qū)ο髸r,Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字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)
把給定的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點數(shù))。
還記得parseInt()和parseFloat()方法只轉(zhuǎn)換第一個無效字符之前的字符串,因此"4.5.6"將被轉(zhuǎn)換為"4.5"。用Number()進行強制類型轉(zhuǎn)換,"4.5.6"將返回NaN,因為整個字符串值不能轉(zhuǎn)換成數(shù)字。如果字符串能被完整地轉(zhuǎn)換,Number()將判斷是調(diào)用parseInt()方法還是調(diào)用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)
把給定的值轉(zhuǎn)換成字串。
與調(diào)用toString()方法的唯一不同之處在于,對null或undefined值強制類型轉(zhuǎn)換可以生成字符串而不引發(fā)錯誤:
var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error
二、引用類型
引用類型通常叫作類(class),也就是說,遇到引用值時,所處理的就是對象。ECMAScript定義了“對象定義”,邏輯上等價于其他程序設(shè)計語言中的類。
1.Object類
ECMAScript中的所有類都由這個類繼承而來,Object類中的所有屬性和方法都會出現(xiàn)在其他類中(被覆蓋)。
Object類的屬性:
(1).Constructor----對創(chuàng)建對象的函數(shù)的引用(指針)。對于Object類,該指針指向原始的object()函數(shù)。
(2).Prototype----對該對象的對象原型的引用。對于所有的類,它默認返回Object對象的一個實例。
Object類的方法:
(1).HasOwnProperty(property)----判斷對象是否有某個特定的屬性。必須用字符串指定該屬性(例如:o.hasOwnProperty("name"))。
(2).IsPrototypeOf(object)----判斷該對象是否為另一個對象的原型。
(3).PropertyIsEnumerable(property)----判斷給定的屬性是否可以用for..in語句進行枚舉。
(4).ToString()----返回對象的原始字符串表示。不同的ECMAScript實現(xiàn)具有不同的值。
(5).ValueOf()----返回最適合該對象的原始值。對于許多類,該方法返回的值都與toString()的返回值相同。
2.Boolean類
在ECMAScript中很少使用Boolean對象,即使使用,也不易理解。
例如:
var oFalseObject = new Boolean(false);
var bResult = oFalseObject && true;//outputs true;
原因:在Boolean表達式中,所有對象都會被自動轉(zhuǎn)換為true。
3.Number類
Number.MAX_VALUE等等特殊值都Number類的靜態(tài)屬性。要得到數(shù)字對象的Number原始值,只需要使用valueOf()方法:
var iNumber = oNumberObject.valueOf();
除從Object類繼承的標準方法外,Number類還有幾個處理數(shù)值的專用方法。
toFixed()方法:
返回的是具有指定位數(shù)小數(shù)的數(shù)字的字符串表示。方法能表示具有0到20位小數(shù)的數(shù)字,超出這個范圍的值會引發(fā)錯誤。
如:
var oNumberObject = new Number(99);
aler(oNumberObject.toFixed(2));//outputs "99.00"
toExponential()方法:
返回的是用科學(xué)記數(shù)法表示的數(shù)字的字符串形式。該方法也有一個參數(shù),指定要輸出的小數(shù)的位數(shù)。例如:
var oNumberObj = new Number(99);
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"
toPrecision()方法:
根據(jù)最有意義的形式來返回數(shù)字的預(yù)定形式或指數(shù)形式。它有一個參數(shù),即用于表示數(shù)的數(shù)字總數(shù)(不包括指數(shù))。
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100
可以看出,toPrecision()方法會對數(shù)進行舍入,從而得到盡可能接近真實值的數(shù)。
如:
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(2));// outputs "99"
alert(oNumberObj.toPrecision(3));// outputs "99.0"
toFixed()、toExponential()和toPrecision()方法都會進行舍入操作,以便用正確的小數(shù)位數(shù)正確地表示一個數(shù)。
toLocaleString()方法:
可以在頁面上格式顯示,如5210.50顯示為5,210.50,但是如果在使用其值時,應(yīng)該用parseFloat($("N_YJJE").value.replace(//,/g, ""));的形式替換掉逗號,后得到其值。
注意:與Boolean對象相似,Number對象也很重要,不過應(yīng)該少用這種對象,以避免發(fā)生潛在的問題。只要可能,都使用數(shù)字的原始表示法。
4.String類
String對象的valueOf()方法和toString()方法都會返回String型的原始值:
alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"
String類具有屬性length,它是字符串的字符個數(shù):
var oStringObj = new String("hello world");
alert(oStringObj.length);outputs "11"
注意:即使字符串包含雙字節(jié)的字符,每個字符也只算一個字符。
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()則是從字串的結(jié)尾開始檢索子串的。
localeCompare(),對字符串進行比較(按照字母順序比較,越后越大)。該方法有一個參數(shù)--要進行比較的字符串,返回的是下列3個值之一:
1.如果String對象按照字母順序排在參數(shù)中的字符串之前,返回負數(shù)(最常見的是-1,不過真正的返回由實現(xiàn)決定的)。
2.如果String對象等于參數(shù)中的字符串,返回0。
3.如果String對象按照字母順序排在參數(shù)中的字符串之后,返回正數(shù)(最常見的是1,不過真正的返回由實現(xiàn)決定的)
slice()和substring()方法:
這兩個方法返回的都是要處理的字符串的子串,都接受一個或兩個參數(shù)。第一個參數(shù)是要獲取的子串的起始位置,第二個參數(shù)是要獲取子串終止前的位置(終止位置處的字符不包括大返回的值內(nèi))。如果省略第二個參數(shù),終止位就默認為字符串的長度。這兩個方法都不改變String對象自身的值。
var oStringObj = new String("hello world");
alert(oStringObj.slice(3));//outputs "lo world"
alert(oStringObj.slice(3,7));//outputs "lo w"
注意:對于負數(shù)參數(shù),slice()方法會用字符串的長度加上參數(shù),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()總是把較小的數(shù)字作為起始位,較大的數(shù)字作為終止位。
toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase():
前兩種方法把字符串轉(zhuǎn)換成全小寫的,后兩種方法用于把字符串轉(zhuǎn)換成全大寫的。toLocalLowerCase()和toLocaleUpperCase()方法是基于特定區(qū)域?qū)崿F(xiàn)的。
記住:String類的所有屬性和方法都可應(yīng)用于String原始值上,因為它們是偽對象。
5.instanceof運算符
在使用typeof運算符時采用引用類型存儲值會出現(xiàn)一個問題,無論引用的是什么類型的對象,它都返回"object"。instanceof方法要示開發(fā)者明確地確認對象為某特定類型。如:
var oStrObj = new String("hello world");
alert(oStrObj instanceof String);//outputs "true"
- JavaScript中number轉(zhuǎn)換成string介紹
- JavaScript中string轉(zhuǎn)換成number介紹
- Javascript Boolean、Nnumber、String 強制類型轉(zhuǎn)換的區(qū)別詳細介紹
- JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹
- JavaScript用Number方法實現(xiàn)string轉(zhuǎn)int
- js中將String轉(zhuǎn)換為number以便比較
- js中string和number類型互轉(zhuǎn)換技巧(分享)
- JavaScript中將number轉(zhuǎn)為string的5種方法
相關(guān)文章
JS簡單實現(xiàn)城市二級聯(lián)動選擇插件的方法
這篇文章主要介紹了JS簡單實現(xiàn)城市二級聯(lián)動選擇插件的方法,涉及javascript實現(xiàn)select遍歷與設(shè)置技巧,非常簡單實用,需要的朋友可以參考下2015-08-08用JavaScript事件串連執(zhí)行多個處理過程的方法
用JavaScript事件串連執(zhí)行多個處理過程的方法...2007-03-03js+html5通過canvas指定開始和結(jié)束點繪制線條的方法
這篇文章主要介紹了js+html5通過canvas指定開始和結(jié)束點繪制線條的方法,涉及html5屬性的操作技巧,需要的朋友可以參考下2015-06-06除Console.log()外更多的Javascript調(diào)試命令
本篇文章給大家介紹了除Console.log()外更多的Javascript調(diào)試命令,方便大家更多環(huán)境下的JS調(diào)試,學(xué)習(xí)下吧。2018-01-01JavaScript中日期函數(shù)的相關(guān)操作知識
日期函數(shù)是我們經(jīng)常用到的知識點,下面通過本文給大家介紹JavaScript中日期函數(shù)的相關(guān)操作知識,非常不錯,感興趣的朋友一起學(xué)習(xí)吧2016-08-08Javarscript中模塊(module)、加載(load)與捆綁(bundle)詳解
這篇文章主要給大家介紹了關(guān)于Javarscript中模塊(module)、加載(load)與捆綁(bundle)的相關(guān)資料,文中介紹的非常詳細,對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-05-05js動態(tài)添加表格逐行添加、刪除、遍歷取值的實例代碼
最近做項目遇到這樣的需求,要求表格添加一行,表格刪除一行,表格遍歷取值等。下面小編給大家?guī)砹薺s動態(tài)添加表格逐行添加、刪除、遍歷取值的實例代碼,需要的朋友參考下2018-01-01