---
# System prepended metadata

title: string、number互相轉型方法
tags: [比較運算子, ' 邏輯運算子']

---

---
title: string、number互相轉型方法
tags: 比較運算子, 邏輯運算子
description:
---

### string轉型number方法

<br>

- 變數```num```，值為1，型別為```string```
- 透過```parseInt(num)```，把```num```的值，從```string型別```轉成```number型別```。
- 最後把```num```+ 2 的結果印出來，等於3。
```javascript=
let num = '1';    
num = parseInt(num);   
console.log(num + 2);    //3
```
<br>

- 在第二行，如果試圖將==字串轉型成數字==，得到的結果會是==NaN==。
- 在最後一行```num```+2，也就是```NaN```+2，印出的結果也會是==NaN==。

:::success
在HTML ```<input>```標籤取值時，取到的數字都是```string型別```，必須經過```parseInt()```轉型成```number型別```。
:::
```javascript=
let num = 'abc';
num = parseInt(num);
console.log(num + 2);    //NaN
```

<br>

### number轉型string方法

- 將變數```telNum```==轉型成字串==。
- 透過```telNum.toString()```，把```telNum```的值，從```number型別```轉型成```string型別```，再賦予給```telNUm```。
- 最後用字串相加，印出結果==02-23456543==。
```javascript=
let telNum = 23456543;
telNum = telNum.toString();
console.log('02' + '-' + telNum);    //02-23456543
```


