首頁(yè)技術(shù)文章正文

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

更新時(shí)間:2021-09-27 來(lái)源:黑馬程序員 瀏覽量:

Js變量轉(zhuǎn)為字符串類型的方法有以下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)為字符串類型。


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)為字符串類型,我們通過(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+前端高手班

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!