文字列とテンプレートリテラル

文字列は文字のシーケンスです。 JavaScript では区切ることができます 3 つの方法で、すべてエンジンと同等ですが、1 つのスーパーパワーを備えています。 バッククォート用に予約されています:

'single quotes';
'double quotes';
`backticks — template literals`;

一重引用符と二重引用符は交換可能です。どちらでも使用できる方を使用してください。 テキスト内の他の文字をエスケープしないようにしてください。

'L\'isola'; // the apostrophe needs to be escaped
"L'isola"; // here it doesn't
"He said \"hi\"";
'He said "hi"';

エスケープ文字

任意の文字列内に、「印刷不可能な」文字を挿入できます。 バックスラッシュ:

• \n — 改行
• \t — タブ
• \\ — リテラルのバックスラッシュ
• \' / \" — リテラルの一重引用符/二重引用符

console.log('line 1\nline 2');
// line 1
// line 2

テンプレート リテラル: デフォルトで使用する構文

バッククォート は、他の区切り文字では不可能な 2 つのことを可能にします。

1. エスケープなしの複数行文字列: リテラル改行が許可されます。
2. 補間: ${ … } 内に任意の JS 式を配置でき、 その値が結果に貼り付けられます。

const nome = 'Anna';
const eta = 28;

const messaggio = `Ciao ${nome}, hai ${eta} anni.
Fra un anno ne avrai ${eta + 1}.`;

${ … } 内の式は単純な名前である必要はありません。 関数呼び出しや演算子など、値を生成するものすべて。

+ との連結

歴史的に、文字列は + を使用して構成されていました。今でも使えて便利です まれなケースではあります (例: 複数のステップで文字列を構築する場合):

const a = 'Ciao';
const b = 'mondo';
a + ', ' + b + '!'; // 'Ciao, mondo!'

試してみてください

復習演習