Js變量轉(zhuǎn)為字符串類(lèi)型有哪些方法？

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

1. toString()用法

語(yǔ)法：

變量 = 變量.toString();

案例：

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

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

2. String()

語(yǔ)法：

變量 = String(變量);

案例：

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

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

除了使用的語(yǔ)法不同之外，最大的區(qū)別是有些值無(wú)法通過(guò)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. 拼接字符串

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

<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 for循環(huán)語(yǔ)句操作

JavaScript有哪三部分組成？

javascript開(kāi)發(fā)工具有哪些？

javascript的垃圾回收機(jī)制指的是什么?

黑馬程序員HTML&JS+前端高手班