「PHP基礎知識」轉換數據類型

能要求

將指定的字符串進行類型轉換。

實例代碼

<!doctype html>

<html>

<head>

</head>

<body>

<?php

$num='3.1415926r*r';

echo '使用(integer)操作符轉換變量$num類型：';

echo (integer)$num;

echo '<p>';

echo '輸出變量$num的值：'.$num;

echo '<p>';

echo '使用settype函數轉換變量$num類型：';

echo settype($num, 'integer');

echo '<p>';

echo '輸出變量$num的值：'.$num;

</body>

</html>

運行結果

知識說明

PHP還可以使用顯示類型轉換，也叫強制類型轉換。它將一個變量或值轉換為另一種類型，這種轉換與C語言類型的轉換是相同的，只需在轉換的變量前面加上用括號括起來的目標類型即可。PHP允許轉換的類型：

在進行類型轉換的過程中，應該注意以下幾點：

①轉換為boolean型時，null、0和未賦值的變量或數組會被轉換為false，其他的為真。

②轉換為整型時，布爾型的false轉換為0，true轉換為1，浮點型的小數部分被舍棄，字符型如果以數字開頭就截取到非數字位，否則輸出0。

當字符串轉換為整型或浮點型時，如果字符串是以數字開頭的，則會先把數字部分轉換為整型，再舍去后面的字符串；如果數字中含有小數點，則會取到小數點前一位。

③強制轉換成整型還可以使用函數intval()，轉換成字符串還可以使用函數strval()。

類型轉換還可以通過settype()函數來完成，該函數可以將指定的變量轉換成指定的數據類型。

bool settype(mixed var, string type)

（1）參數var為指定的變量

（2）參數type為指定的類型，參數type有7個可選值，即boolean、float、integer、array、null、object和string。如果轉換成功則返回true，否則返回false。

說明：使用integer操作符能直接輸出轉換后的變量類型，并且元變量不發生任何變化。使用settype()函數返回的是1，也就是ture，而原變量被改變。

讀本文約需要10分鐘，您可以先關注我們，避免下次無法找到。

本篇文章成哥繼續帶大家來學習前端教程之JavaScript，網頁的動態事件基本上都是靠它來實現的。下面我們就一起來學習內容吧！

01 JavaScript簡介

JavaScript通?？s寫為 JS，是一種高級的，解釋執行的編程語言。

JavaScript 是一門基于原型、函數先行的語言，是一門多范式的語言，它支持面向對象編程，命令式編程，以及函數式編程。它提供語法來操控文本、數組、日期以及正則表達式等，不支持 I/O，比如網絡、存儲和圖形等，但這些都可以由它的宿主環境提供支持。

它已經由 ECMA（歐洲計算機制造商協會）通過 ECMAScript 實現語言的標準化。

它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支持。

JavaScript具有如下特點:

1）JavaScript是一種動態語言，用于在客戶端設計網頁。

2）它是區分大小寫的語言。

3）它是非類型語言，即變量可以保存任何類型的值，Python語言也有相同的特點。

02 JavaScript文件

JavaScript的語句可以寫在HTML文件中，也可以單獨寫在.js文件中，其具體如下所示

1）HTML文件

JavaScript寫在HTML文件中時必須寫在HTML文件中的'script'標簽中，下面我們在HTML文件中通過JavaScript輸出"Hello World"，具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.    <script>  
9.      document.write("Hello World from JavaScript!<br>");  
10.    </script>  
11. </body>  
12. </html>

2）js文件

現在我們創建一個單獨的js文件，然后在HTML文件中應用具體示列如下：

1. // js文件  
2. document.write("Hello World from JavaScript!<br>");  
3.   
4. // html文件  
5. <!DOCTYPE html>  
6. <html>  
7. <head>  
8.   <meta charset="UTF-8">  
9.   <title>JavaScript基礎教程</title>  
10. </head>  
11. <body>  
12.   <!-- 引入js文件  -->  
13.   <script src="test.js"></script>  
14. </body>  
15. </html>

03 JavaScript的關鍵字、數據類型、變量與常用操作

（1）JavaScript關鍵字

JavaScript包含了許多關鍵字，我們在編寫語句時要注意避開這些關鍵字，以免引起不必要的錯誤。其常用關鍵字如下表所示：

（2）JavaScript數據類型

JavaScript包含了三種數據類型具體如下：

1）數值類型，如'123，12.1'在JavaScript中所有的數值類型其實都是浮點數

2）字符串類型，如'JavaScript基礎教程'

3）布爾類型，如'true, false'

（3）JavaScript變量

JavaScript的變量一般用var這個關鍵字來定義，在ES6中變量一般用let定義。JavaScript是非類型化語言，即變量可以包含任何數據類型。JavaScript具體變量使用示列如下：

1. // 1.js文件  
2.  // document會在文章渲染后再執行，所以看到其在js文件中是在前面，但HTML頁面輸出的內容在最后  
3. document.write("Hello World from JavaScript!<br>");  
4.   
5.  // 定義變量your_name與age  
6. var your_name = "成哥";  
7. var age = 30;  
8.   // 在HTML中找到p_name的id標簽，然后在內部插入html內容  
9. document.getElementById("p_name").innerHTML= "Hello "+ your_name + "<br>Age : " + age;  
10.   
11. // 2. HTML文件  
12. <!DOCTYPE html>  
13. <html>  
14. <head>  
15.   <meta charset="UTF-8">  
16.   <title>JavaScript基礎教程</title>  
17. </head>  
18. <body>  
19.   <p id='p_name'></p>  
20.   <script src="test.js"></script>  
21. </body>  
22. </html>

我們還可以通過prompt方法獲取用戶在頁面的輸入的變量具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // prompt方法用于獲取用戶在頁面輸入的內容  
10.     var x = prompt("請輸入一個數字，計算其10倍的結果");  
11.     document.write("其10倍結果為：10 * ", x, " = ", 10*x + "<br>");  
12.   </script>  
13. </body>  
14. </html>

（4）JavaScript運算符

1）算術運算符

2）賦值運算符

3）比較運算符

4）條件運算符

JavaScript的條件運算符為問號加冒號組合（？：），其規則是問號前面條件是否為true如果為true則執行冒號前面的表達式，如果為false則執行冒號后面的表達式，具體如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // prompt方法用于獲取用戶在頁面輸入的內容  
10.     var x = prompt("請輸入一個數判斷其是奇數還是偶數");  
11.     // 通過條件運算符來進行判斷奇偶數  
12.     var result = x % 2 === 0 ? '偶數': '奇數';  
13.     document.write("數值(", x, ")為", result);  
14.   </script>  
15. </body>  
16. </html>

5）邏輯運算符

（5）類型轉換

1）字符串傳數值類型

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 字符串轉數值型通過Number方法實現  
10.     document.write("2 + Number('3.4') = ", 2 + Number('3.4'), "<br>");  
11.   </script>  
12. </body>  
13. </html>

2）整型轉換

浮點的數值類型與字符串的數值類型可以通過parseInt方法轉成整形具體示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 整型轉換  
10.     document.write("2 + parseInt('3.4') = ", 2 + parseInt('3.4'), "<br>"); // 字符串轉整型  
11.     document.write("2 + parseInt(3.4) = ", 2 + parseInt(3.4), "<br>"); // 浮點數轉整型  
12.   </script>  
13. </body>  
14. </html>

3）浮點數轉換

數值型字符串與數值類型可以通過parseFloat方法轉成浮點數，具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 浮點數轉換  
10.     document.write("2 + parseFloat('3.4') = ", 2 + parseFloat("3.4"), "<br>");   
11.   </script>  
12. </body>  
13. </html>

（6）字符串方法

JavaScript內置了好多針對字符串操作的方法，下面我們就演示一些常用的字符串方法具體示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 字符串示例  
10.     document.write("hello".toUpperCase(), "<br>") // 轉換為大寫字母  
11.     w = "JavaScript"  
12.     document.write(w.toLowerCase(), "<br>") // 轉換為小寫  
13.     document.write(w.small(), "<br>") // 變小字體  
14.     document.write(w.bold(), "<br>") // 變粗字體  
15.     document.write(w.strike(), "<br>") // 給文字加上橫線  
16.     document.write(w.fontsize("5em"), "<br>") // 設置字號大小  
17.     document.write(w.link("http://www.baidu.com"), "<br>") // 給其增加url鏈接  
18.     document.write(w.fontcolor("red").fontsize("12em"), "<br>") // 連續使用多個方法設置  
19.   </script>  
20. </body>  
21. </html>

（7）數組

JavaScript的數組類型可以包含不同的數據類型，比如一個數組同時包含字符串與數值類型，其跟Python非常類似，具體使用示例如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 數組示例  
10.     arr = [15, 30, "Meher"]  
11.   
12.     // 遍歷數組方式一：  
13.     document.write("遍歷數組方式一：", "<br>");  
14.     for(a in arr)  
15.       document.write(arr[a], " ");  
16.     document.write("<br>");  
17.   
18.     // 遍歷數組方式二：  
19.     document.write("遍歷數組方式二：", "<br>");  
20.     for (var i=0;i<arr.length;i++){  
21.       document.write(arr[i], " ");  
22.     }  
23.     document.write("<br>");  
24.   
25.     document.write(arr.pop(), "<br>"); // 移除數組最后一個元素  
26.     arr.push("JavaScript"); // 在數組最后增加一個元素  
27.     document.write(arr.pop(), "<br>");  
28.     document.write("該數組長度為: ", arr.length, "<br>");  
29.   </script>  
30. </body>  
31. </html>

04 總結

至此我們《JavaScript基礎教程上篇》就講完了，下篇內容主要講解JavaScript的控制語句、函數編程及異常處理等相關知識，敬請期待。最后如果喜歡本篇文章不要忘了點贊、關注與轉發哦！

-END-

@IT管理局專注計算機領域技術、大學生活、學習方法、求職招聘、職業規劃、職場感悟等類型的原創內容。期待與你相遇，和你一同成長。

文章推薦：

程序員都必掌握的前端教程之HTML基礎教程（上）

在線咨詢

上一篇：平滑升級！一文掌握CSS過渡與動畫屬性，讓你的網頁動
下一篇：jquery循環中綁定事件最后一個元素覆蓋前面元素的

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

「PHP基礎知識」轉換數據類型

01 JavaScript簡介

02 JavaScript文件

03 JavaScript的關鍵字、數據類型、變量與常用操作

04 總結

您的項目需求

03 JavaScript的關鍵字、數據類型、變量與常用操作