[ECMAScript 6]テンプレート変数

4528 ワード
テキストリンク
ES 6は、テンプレートテキストと呼ばれる新しい文字列マーキング方法を導入した.テンプレートライブラリには、複数行の文字列、挿入式、タグテンプレートなど、便利な文字列処理機能があります.
通常の文字列と似ているように見えますが、backtic `を使用します.
var template = `template literal`;
console.log(template);

複数行文字列


通常の文字列では改行は許されませんが、backticを使用するテンプレート文字では改行がサポートされています.
var str = `hello
world.`;

式の挿入


既存の場合、文字列演算子+を使用して文字列を接続します.+演算子は、1つ以上の演算子が文字列である場合に文字列接続演算子として、他の場合に加算演算子として機能する.
// ES6 이전
var first = 'James';
var last = 'Lee';
console.log('My name is ' + first + ' ' + last + '.');

// ES6
var first = 'James';
var last = 'Lee';
console.log(`My name is ${first}, ${last}.`);
文字列交差(ES 6:String Interpolation)は、${ ... }式を囲む.文字列交差セット内の式は、強制的に文字列タイプに変換されます.
console.log(`1 + 1 = ${1 + 1}`); // "1 + 1 = 2"
参考資料:https://poiemaweb.com/es6-template-literals
マルチスレッドjoinの使い方
Java配列重複要素の除去