JavaScript如何實現字符串拼接操做

實際應用中，目標字符串的生成可能須要多個數據的拼接。

　　因爲應用頻繁，幾乎是全部編程語言都必須掌握的操做，固然每種語言具備各自特色。

　　本文將經過代碼實例詳細介紹一下JavaScript如何實現字符串拼接操做。

一.使用加號()拼接:

 

　　加號不但能夠實現算數運算，也能夠實現字符串拼接操做。

　　代碼實例以下:

　　console.log(``"愛前端"````"專一全棧大前端"``);

　　上述代碼使用加號()實現兩個字符串的拼接操做。

　　目的是演示加號拼接功能，實際項目中根本沒可能這麼用。

　　letwebName=``"愛前端"``;

　　letaddress=``"專一全棧大前端"``;

　　letstr=webName"位於"address;

　　console.log(str);

　　代碼實現了字符串拼接效果，webName與address是變量，不能將它們直接包裹於引號之中。

　　不然，webName與address就不是變量了，變量名稱直接就成爲字符串的一部分。

二.字符串與非字符串數據拼接:

 

　　前面代碼都是字符串之間的拼接操做，其實字符串數據也能夠與非字符串數據進行拼接。

　　首先看一段代碼實例:

　　console.log(5``"5"``);

　　可數字5與字符串"5"進行拼接，首先會將數字轉換爲字符串，而後再進行拼接操做。

　　固然字符串不止能夠和數字進行拼接，也能夠與其餘數據類型進行拼接操做，本文再也不演示。

　　內在原理是，不一樣數據類型進行拼接操做的時候，首先會進行隱式數據類型轉換。

三.模板字符串實現拼接:

 

　　ES2015以前只能經過加號實現字符串拼接，若是數據量較大，那麼代碼看起來比較繁瑣。

　　如今新增了更爲簡單的字符串拼接方式，使用模板字符串與佔位符能夠實現更爲簡潔直觀的拼接操做。