如何在 JavaScript 中連接字串和變數？

在JavaScript 中連接字串與變數

在提供的程式碼中，目標是將字串（'horseThumb'）與數字組合變數“id”形成單一字串。這可以透過字串連接來實現。

問題中提到的一種方法是使用 ${variable} 語法進行字串插值。然而，提問者的程式碼似乎在使用這種方法時遇到了問題。

修復模板文字問題

在調試模板文字問題之前，確保模板文字問題至關重要'id' 參數已正確傳遞，並且具有相應ID 的元素存在。建議為這些檢查新增控制台語句。

如果元素存在但範本文字仍然失敗，請檢查是否有潛在的語法錯誤。應該使用反引號 (`) 來括住模板字串，並且 ${variable} 插值必須在這些反引號內。

替代連接方法

除了字串插值之外，JavaScript 提供了其他連接方法：

• 字串加法( ): 可以使用' ' 運算子來連接字串。例如， result = 'horseThumb' id;
• 字串連接方法： concat() 方法允許將多個字串連接在一起。例如， result = 'horseThumb'.concat(id);

使用替代方法的範例

使用字串加法，程式碼將變為：

function AddBorder(id) {
    var result = 'horseThumb' + id;
    document.getElementById(result).className = 'hand positionLeft';
}

使用concat() 方法：

function AddBorder(id) {
    var result = 'horseThumb'.concat(id);
    document.getElementById(result).className = 'hand positionLeft';
}

附加說明

• 對於模板字串中需要轉義的字元，使用反斜線()。例如，「horseThumb_${id}」將在「horseThumb」後產生一個帶有底線的字串。
• 連接的另一個選項是使用 PHP 或 jQuery 等函式庫中的 sprintf() 函數。這種方法提供了額外的格式選項。

以上是如何在 JavaScript 中連接字串和變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！