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

文字列と変数の連結

Web ページ内の要素を操作するときに、文字列と変数を連結しようとすることがよくあります。 JavaScript でこれを実現するには、いくつかの方法があります。

方法 1: 文字列の連結

最も簡単な方法は、プラス記号を使用して文字列と変数を単純に連結することです。演算子 ( )。例:

let id = 42;
let str = 'horseThumb' + id; // str will be "horseThumb42"

方法 2: テンプレート リテラル (ES6)

ECMAScript 2015 で導入されたテンプレート リテラル (テンプレート文字列とも呼ばれます) は、簡潔で読みやすい文字列を提供します。文字列補間の構文。この方法を使用するには、文字列をバッククォート (`) で囲み、${} を使用して文字列内に変数を埋め込みます。

let id = 42;
let str = `horseThumb${id}`; // str will be "horseThumb42"

トラブルシューティング

文字列と変数の連結に問題がある場合は、次の潜在的な理由を考慮してください:

• 必ず変数に正しい値を渡していることを確認してください。
• 指定された ID の要素がページ上に存在することを確認してください。
• 要素が DOM に完全にロードされる前に関数を実行しないでください。これに対処するには、onload イベント ハンドラーまたは window.onload.

を使用します。

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