javascript類型轉換的例子-前端問答-PHP中文網

javascript類型轉換的例子

王林

發布： 2023-05-09 21:28:06

原創

489 人瀏覽過

JavaScript作為一門動態弱型別語言，型別轉換在其程式設計中扮演著十分重要的角色。掌握型別轉換，可以讓程式設計師利用JavaScript的彈性，更能表達自己的想法。下面我們透過一些例子來探討JavaScript中的型別轉換。

範例一：數字型別轉換

JavaScript中的數字型別有整數和浮點型兩種。而在某些情況下，我們可能需要將一些非數字類型的變數或常數轉換為數字。在這種時候，我們可以藉助JavaScript提供的轉換函數，像是 parseInt() 和 parseFloat()。

let str1 = "123";
let str2 = "123.45";
let num1 = parseInt(str1);
let num2 = parseFloat(str2);
console.log(num1);  // 输出123
console.log(num2); // 输出123.45

登入後複製

範例二：字元類型轉換

字元類型轉換包含了將字串變數或常數轉換成字元陣列及反轉的過程。這個問題在實際開發中還是比較常見的，例如在協定中傳送的字串會被轉成字元陣列後再進行傳輸。

let str = "JavaScript";
let charArr = str.split("");
console.log(charArr);  // 输出["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]
let newStr = charArr.join("");
console.log(newStr);  // 输出"JavaScript"

登入後複製

範例三：布林類型轉換

JavaScript中的布林類型只有true和false兩種取值。在實際開發中，我們可能會用到以下例子，例如透過一些判定語句來更改布林型變數的值。

let bool1 = true;
let bool2 = false;
let num1 = 1;
let num2 = 0;
console.log(Boolean(bool1));  // 输出true
console.log(Boolean(bool2));  // 输出false
console.log(Boolean(num1)); // 输出true
console.log(Boolean(num2)); // 输出false

登入後複製

範例四：物件類型轉換

JavaScript中的物件類型也是需要進行型別轉換的。在實際開發中，我們可能會遇到像以下範例所示的情況：

let obj = {name: "Tom", age: 18};
console.log(obj.toString());  // 输出[object Object]

登入後複製

在上面的範例中，輸出結果並不是我們所期望的。因為物件類型轉換成字串型別時，JavaScript並不會照我們想像的那樣去做。可以透過重定義物件的toString()方法來實現我們所需的類型轉換：

let obj = {name: "Tom", age: 18};
obj.toString = function() {
    return `name: ${this.name}, age: ${this.age}`;
}
console.log(obj.toString());  // 输出"name: Tom, age: 18"

登入後複製

透過上述程式碼實現了物件類型到字串類型的轉換。