強制類型轉換
強制類型轉換
類型轉換有兩種：一種是顯式轉換，即需要程序員手動寫代碼轉換；另一種是隱匿轉換，由JavaScript解釋器轉換。
JavaScript提供以下函數進行顯式轉換：
1.轉換為數值類型：Number(mix)、parseInt(string,radix)、parseFloat(string)
2.轉換為字符串類型：toString(radix)、String(mix)
3.轉換為布爾類型：Boolean(mix)
轉換為數值類型
Number(mix)函數
Number(mix)函數，可以將任意類型的參數mix轉換為數值類型。其規則為：
1、如果是布爾值，true和false分別被轉換為1和0
2、如果是數字值，返回本身。
3、如果是null，返回0
4、如果是undefined，返回NaN。
5、如果是字符串，遵循以下規則：
a.如果字符串中只包含數字，則將其轉換為十進制（忽略前導0）
b.如果字符串中包含有效的浮點格式，將其轉換為浮點數值（忽略前導0）
c.如果是空字符串，將其轉換為0
d.如果字符串中包含非以上格式，則將其轉換為NaN
6、如果是對象，則調用對象的valueOf()方法，然后依據前面的規則轉換返回的值。如果轉換的結果是NaN，則調用對象的toString()方法，再次依照前面的規則轉換返回的字符串值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為數值類型
Number(mix)函數</title>
</head>
<body>
<script>
println(Number(false));
println(Number(true));
println(Number(123));
println(Number(null));
println(Number(undefined));
println(Number(person));
function println(a){
document.write(a+'<br>');
}
var person{};
person.name='huangshiren';
person.age=59;
person.appetite=3;
person.eat=function(){
document.write('正在吃飯');
}
</script>
</body>
</html>
parseInt(string, radix)函數
參數說明：
string 要被解析的值。如果參數不是一個字符串，則將其轉換為字符串(使用 ToString 抽象操作)。字符串開頭的空白符將會被忽略。
radix 一個介於2和36之間的整數(數學系統的基礎)，表示上述字符串的基數。比如參數"10"表示使用我們通常使用的十進制數值系統。始終指定此參數可以消除閱讀該代碼時的困惑並且保證轉換結果可預測。當未指定基數時，不同的實現會產生不同的結果，通常將值默認為10。
parseInt(string, radix)函數，將字符串轉換為整數類型的數值。它也有一定的規則：
1.忽略字符串前面的空格，直至找到第一個非空字符
2.如果第一個字符不是數字符號或者負號，返回NaN
3.如果第一個字符是數字，則繼續解析直至字符串解析完畢或者遇到一個非數字符號為止
4.如果上步解析的結果以0開頭，則將其當作八進制來解析；如果以x開頭，則將其當作十六進制來解析
5.如果指定radix參數，則以radix為基數進行解析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為數值類型
parseInt(string, radix)函數</title>
</head>
<body>
<script>
println(parselnt("12.34567",10));
println(parselnt("de",10));
println(parselnt("0123456789",10));
println(parselnt("0e0",16));
println(parselnt("0101010001",2));
function println(a){
document.write(a+'<br>');
}
</script>
</body>
</html>
parseFloat(string)函數
parseFloat(string)函數，將字符串轉換為浮點數類型的數值。
它的規則與parseInt基本相同，但也有點區別：字符串中第一個小數點符號是有效的，另外parseFloat會忽略所有前導0，如果字符串包含一個可解析為整數的數，則返回整數值而不是浮點數值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為數值類型
parseFloat(string)</title>
</head>
<body>
<script>
println(parseFloat("3.14"));
println(parseFloat("314e-2"));
println(parseFloat("0.0314E+2"));
println(parseFloat("3.14more non-digit characters"));
function println(a){
document.write(a+'<br>');
}
</script>
</body>
</html>
轉換為字符串類型
toString(radix)方法。除undefined和null之外的所有類型的值都具有toString()方法，其作用是返回對象的字符串表示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為字符串類型</title>
</head>
<body>
<script>
var count=10;
printle(count.toString());
var boolean=true;
printle(boolean.toString());
var today=new Date();
printle(today.toString());
var shoppingCart=['面量','據類型','置字面'];
printle(count.toString());
var person{};
person.name='huangshiren';
person.age=58;
person.appetite=3;
person.eat=function(){
document.write('正在吃飯');
}
println(person.toString());
function println(a){
document.write(a+'<br>');
}
</script>
</body>
</html>
轉換為布爾類型
Boolean(mix)函數，將任何類型的值轉換為布爾值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為布爾類型</title>
</head>
<body>
<script>
println(Boolean(count));
println(Boolean(0));
println(Boolean(4<3));
println(Boolean(null));
println(Boolean(""));
println(Boolean(undefined));
var shoppingCart=['面量','據類型','置字面'];
printle(Boolean(shoppingCart));
person.name='huangshiren';
person.age=58;
person.appetite=3;
person.eat=function(){
document.write('正在吃飯');
}
println(person.toString());
function println(a){
document.write(a+'<br>');
}
</script>
</body>
</html>
測試題目
1、完成本頁上的例題
2、什么叫顯示轉換，什么叫顯示轉換？
顯示轉換:需要程序員手動寫代碼轉換
隱匿轉換:由JavaScript解釋器轉換
3、數據類型轉換常用的方法有哪些？
(1).轉換為數值類型
(2).轉換為字符類型
(3).轉換為布爾類型
4、寫個例子，使用String()方法轉換布爾值、數字、數組、自定義對象。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轉換為數值類型
parseFloat(string)</title>
</head>
<body>
<script>
println(parseFloat("string"));
println(parseFloat(3677));
println(parseFloat("0e0"));
function println(a){
document.write(a+'<br>');
}
var shoppingCart=['面量','據類型','置字面'];
printle(Boolean(shoppingCart));
</script>
</body>
</html>