JavaScript如何實現字元串拼接操作

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

　　由於應用頻繁，幾乎是所有編程語言都必須掌握的操作，當然每種語言具有各自特點。

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

一.使用加號()拼接:

　　加號不但可以實現算數運算，也可以實現字元串拼接操作。

　　代碼實例如下:

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

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

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

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

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

　　letstr=webName"位於"address;

　　console.log(str);

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

　　否則，webName與address就不是變數了，變數名稱直接就成為字元串的一部分。

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

　　前面代碼都是字元串之間的拼接操作，其實字元串數據也可以與非字元串數據進行拼接。

　　首先看一段代碼實例:

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

　　可數字5與字元串"5"進行拼接，首先會將數字轉換為字元串，然後再進行拼接操作。

　　當然字元串不止可以和數字進行拼接，也可以與其他數據類型進行拼接操作，本文不再演示。

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

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

　　ES2015之前只能通過加號實現字元串拼接，如果數據量較大，那麼代碼看起來比較繁瑣。

　　現在新增了更為簡單的字元串拼接方式，使用模板字元串與占位符可以實現更為簡潔直觀的拼接操作。