JavaScript 文字列のフォーマット

JavaScript 文字列 は文字の配列を出力するために使用され、プリミティブなデータ型です。文字列を作成して出力するときに、他の変数から値を追加したり、複数の文字列を連結して 1 つの文字列を作成したりすることがあります。この問題を解決するには、書式設定を使用します。 JavaScript には、文字列をフォーマットするためのさまざまな組み込みメソッドが用意されています。

この記事では、文字列をフォーマットする方法について説明します。書式設定された文字列には、2 つ以上の文字列の組み合わせを含めることができ、元の文字列と組み合わせた異なる変数値を格納することもできます。

文字列をフォーマットする方法は次のとおりです。

  • 使用する 連結方法
  • 使用する バッククォート
  • 使用する 文字列補間

方法 1: 連結を使用する

  • 複数の文字列を宣言し、その値を変数に格納します
  • 使用 連結演算子 値を結合して別の文字列に保存するには
  • 連結された文字列を出力する

例:

JavaScript




let str1 => 'Welcome '> let str2 => 'to '> let str3 => 'techcodeview.com'> let str4 = str1 + str2 +str3> console.log(str4)>

出力

Welcome to techcodeview.com 

方法 2: を使用する バッククォート

  • 複数の文字列を宣言し、その値を変数に格納します
  • と ${} を使用して文字列をフォーマットし、変数の値を使用します
  • 連結された文字列を出力する

例:

JavaScript




let str1 => 'DSA'> ;> let str2 => 'Web Development'> ;> let str3 = `Use techcodeview.com to learn ${str1} and ${str2}`;> > console.log(str3);>

出力

Use techcodeview.com to learn DSA and Web Development 

方法 3: を使用する 文字列補間

文字列補間は、変数、関数呼び出し、算術式を文字列に直接挿入できる優れたプログラミング言語機能です。

例:

JavaScript




const name => 'Geeksforgeeks'> ;> const message => 'Welcome to {name}.'> ;> const formattedMessage => > message.replace(> '{name}'> , name);> console.log(formattedMessage);>

出力

Welcome to Geeksforgeeks. 

JavaScript 文字列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。 JavaScript 文字列リファレンス 記事。