JavaScript で文字列と変数を連結するにはどうすればよいですか?

JavaScript での文字列と変数の連結

提供されたコードの目的は、文字列 ('horseThumb') と数値を結合することです。変数「id」を使用して単一の文字列を形成します。これは、文字列の連結によって実現できます。

質問で述べたように、1 つの方法は、${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」の後にアンダースコアが付いた文字列を生成します。
• 連結のもう 1 つのオプションは、PHP や jQuery などのライブラリの sprintf() 関数を使用することです。このアプローチでは、追加の書式設定オプションが提供されます。

以上がJavaScript で文字列と変数を連結するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。