テンプレートを利用して計算結果を出力する (ES6 Template)

説明

ES6のテンプレートは単純な変数内容の出力だけでなく計算などを行うこともできます。テンプレート文字列内にある${〜}の部分で変数の計算式を指定します。例えばvar s = `${i+1}`の場合、変数iが10なら変数sに入る結果は11になります。
*サンプルは2015年10月1日時点ではGoogle ChromeとFirefoxで動作します。

サンプルプログラム

// テンプレートを利用して掛け算の計算結果を出力
var text = "";
for(var i=1; i<10; i++){
text += `${i}×${i} = ${i * i}<br>`;
}
document.getElementById("result").innerHTML = text;
サンプルを実行
[戻る]