JS類型轉換


轉換成數字

ECMAScript提供了兩種把非數字的原始值轉換成數字的方法,即parseInt()和parseFloat()。
注意:只有對String類型(Number除外)調用這些方法,才能正確運行對其他類型返回的都是NaN。

例如:

Js代碼

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

以下其他類型轉換

一、類型轉換

1.轉換成字串

ECMAScript的Boolean值、數字和字串的原始值的有趣之處在於它們是偽對象,這意味着它們實際上具有屬性和方法。
如:

Js代碼
var sColor = “blue”;

alert(sColor.length);//outputs “4″

總而言之,3種主要的原始值Boolean值、數字和字串都有toString()方法。ECMAScript定義的所有對象都有toString()方法,無論它是偽對象,還是真的對象。

Boolean型的toString()方法只是輸出”true”或”false”,結果由變量的值決定:

Js代碼
var bFound = false;

alert(bFound.toString());//outputs “false”

Number類型的toString()方法比較特殊,它有兩種模式,即默認模式和基模式,采用默認模式,toString()方法只是用相應的字符串輸出數字值(無論是整數、浮點數還是科學記數法)。

Js代碼

var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs “10″ alert(fNum2.toString()); //outputs “10″

采用Number類型的toString()方法的基模式,可以用不同的基(進制基數)輸出數字。

Js代碼

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。

例如:

Js代碼

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()方法還有基模式,可以把二進制、八進制、十六進制或者其他任何進制的字符串轉換成十進制整數。第二個參數指定按哪一種進制來解析。

Js代碼

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,否則得到的是八進制的值。

Js代碼

var iNum1 = parseInt(“010″); // returns 8 var iNum2 = parseInt(“010″,8); //returns 8 var iNum3 = parseInt(“010″,10);//returns 10

parseFloat()方法與parseInt()方法的處理方式相似,從位置0開始查看每個字符,直到找到第一個非有效的字符為止,然后把該字符之前的字串轉換成數字。對於這個方法來說,第一個出現的小數點是有效字符。如果用兩個小數點,第二個小數點將被看作無效的。使用該方法的另一個不同之處在於,字串必須以十進制形式表示浮點數。

Js代碼

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。
如:

Js代碼

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()方法。
如:

Js代碼

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值強制類型轉換可以生成字符串而不引發錯誤:

Js代碼

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對象的一個實例。 一、類型轉換

1.轉換成字串

ECMAScript的Boolean值、數字和字串的原始值的有趣之處在於它們是偽對象,這意味着它們實際上具有屬性和方法。
如:

Js代碼
var sColor = “blue”; alert(sColor.length);//outputs “4″

總而言之,3種主要的原始值Boolean值、數字和字串都有toString()方法。ECMAScript定義的所有對象都有toString()方法,無論它是偽對象,還是真的對象。

Boolean型的toString()方法只是輸出”true”或”false”,結果由變量的值決定:

Js代碼
var bFound = false; alert(bFound.toString());//outputs “false”

Number類型的toString()方法比較特殊,它有兩種模式,即默認模式和基模式,采用默認模式,toString()方法只是用相應的字符串輸出數字值(無論是整數、浮點數還是科學記數法)。

Js代碼 var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs “10″ alert(fNum2.toString()); //outputs “10″

采用Number類型的toString()方法的基模式,可以用不同的基(進制基數)輸出數字。

Js代碼 var iNum = 10; alert(iNum.toString(2)); //outputs “1010″ alert(iNum.toString(8)); //outputs “12″ alert(iNum.toString(16)); //outputs “A”

parseInt()方法還有基模式,可以把二進制、八進制、十六進制或者其他任何進制的字符串轉換成十進制整數。第二個參數指定按哪一種進制來解析。

Js代碼 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,否則得到的是八進制的值。

Js代碼 var iNum1 = parseInt(“010″); // returns 8 var iNum2 = parseInt(“010″,8); //returns 8 var iNum3 = parseInt(“010″,10);//returns 10

parseFloat()方法與parseInt()方法的處理方式相似,從位置0開始查看每個字符,直到找到第一個非有效的字符為止,然后把該字符之前的字串轉換成數字。對於這個方法來說,第一個出現的小數點是有效字符。如果用兩個小數點,第二個小數點將被看作無效的。使用該方法的另一個不同之處在於,字串必須以十進制形式表示浮點數。

Js代碼 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。
如:

Js代碼 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()方法。
如:

Js代碼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值強制類型轉換可以生成字符串而不引發錯誤:

Js代碼
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對象的一個實例。


免責聲明!

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



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