JavaScript數(shù)據(jù)類型轉(zhuǎn)為字符串的方式有哪些？

Js變量轉(zhuǎn)為字符串類型的方法有以下3種，大家可以根據(jù)場(chǎng)景選擇適合的方法，下面我們一一介紹。

1. toString()用法

語法：

變量 = 變量.toString();

案例：

<script>
    var num = 5;
    num = num.toString();
    console.log(num, typeof(num));    // 輸出字符串 5 string
</script>

通過上圖中可以看出，toString()方法已經(jīng)將num轉(zhuǎn)為字符串類型。

2. String()

語法：

變量 = String(變量);

案例：

<script>
    var s = '10';
    s = String(s);
    console.log(s, typeof(s));// 輸出10 String
</script>

拓展：toString()和string() 有什么不同

除了使用的語法不同之外，最大的區(qū)別是有些值無法通過toString()轉(zhuǎn)化，如：undefined和null。

案例：

<script>
    var s = null;
    // s = s.toString()  報(bào)錯(cuò)
    s = String(s);                  // 運(yùn)行正常           
    console.log(s, typeof(s));// 輸出10 String
</script>

3. 拼接字符串

通過字符串拼接可以將非字符串轉(zhuǎn)為字符串類型，我們通過下面案例演示：

<script>
    var a = 10, b = true, c = undefined, d = null, e = '你好';
    console.log(a + '');        // 輸出字符串 10
    console.log(b + '');        // 輸出字符串 true
    console.log(c + '');        // 輸出字符串 undefined
    console.log(d + '');        // 輸出字符串 null
    console.log(a + '10');      // 輸出字符串 1010
    console.log(e + a);         // 輸出字符串 你好10
</script>

猜你喜歡：

Javascript 3種書寫格式詳細(xì)介紹

5款常用JavaScript開發(fā)工具推薦

Javascript:void(0)是什么意思?javascript:;是什么意思？

常見的Javascript數(shù)據(jù)類型有哪些?

傳智教育HTML&JS+前端高手班