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


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

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

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

一.使用加號()拼接:

 

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

  代碼實例如下:

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

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

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

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

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

  letstr=webName"位於"address;

  console.log(str);

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

  否則,webName與address就不是變量了,變量名稱直接就成為字符串的一部分。

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

 

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

  首先看一段代碼實例:

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

  可數字5與字符串"5"進行拼接,首先會將數字轉換為字符串,然后再進行拼接操作。

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

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

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

 

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM