實際應用中,目標字串的生成可能需要多個資料的拼接,
由于應用頻繁,幾乎是所有編程語言都必須掌握的操作,當然每種語言具有各自特點,
本文將通過代碼實體詳細介紹一下JavaScript如何實作字串拼接操作,
一.使用加號()拼接:
加號不但可以實作算數運算,也可以實作字串拼接操作,
代碼實體如下:
console.log(``"愛前端"````"專注全堆疊大前端"``);
上述代碼使用加號()實作兩個字串的拼接操作,
目的是演示加號拼接功能,實際專案中根本沒可能這么用,
letwebName=``"愛前端"``;
letaddress=``"專注全堆疊大前端"``;
letstr=webName"位于"address;
console.log(str);
代碼實作了字串拼接效果,webName與address是變數,不能將它們直接包裹于引號之中,
否則,webName與address就不是變數了,變數名稱直接就成為字串的一部分,
二.字串與非字串資料拼接:
前面代碼都是字串之間的拼接操作,其實字串資料也可以與非字串資料進行拼接,
首先看一段代碼實體:
console.log(5``"5"``);
可數字5與字串"5"進行拼接,首先會將數字轉換為字串,然后再進行拼接操作,
當然字串不止可以和數字進行拼接,也可以與其他資料型別進行拼接操作,本文不再演示,
內在原理是,不同資料型別進行拼接操作的時候,首先會進行隱式資料型別轉換,
三.模板字串實作拼接:
ES2015之前只能通過加號實作字串拼接,如果資料量較大,那么代碼看起來比較繁瑣,
現在新增了更為簡單的字串拼接方式,使用模板字串與占位符可以實作更為簡潔直觀的拼接操作,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/160546.html
標籤:JavaScript
上一篇:監測頁面加載的幾個函式的區別
