CoffeeScript/文字列 - プログラミングの勉強をしよう@Wiki

Top > CoffeeScript > 文字列

文字列

概要

シングル、ダブルクォートの文字列連結に加えて、ヒアドキュメントの記述が可能

シングルクォーテーションによるサンプル

CoffeeScript

# 文字列設定
str = ''
 
# 1行の連結
str += '1行データ'
 
 
# 複数行の設定
str += '
行データ１
行データ２
'
 
# 変数設定
a = ' test data '
 
# 変数を展開できるかチェック
str += '   ' + '#{a}'
 
 
# セレクタでエレメントを取得
sample = document.querySelector("#sample")
 
# パラメータ連結
sample.innerHTML = str
 
 

javascript

// Generated by CoffeeScript 1.3.3
var a, sample, str;
 
str = '';
 
str += '1行データ';
 
str += '\
行データ１\
行データ２\
';
 
a = ' test data ';
 
str += '   ' + '#{a}';
 
sample = document.querySelector("#sample");
 
sample.innerHTML = str;
 
 

ダブルクォーテーションによるサンプル

CoffeeScript

# 文字列設定
str = ""
 
# 1行の連結
str += "1行データ"
 
 
# 複数行の設定
str += "
行データ１
行データ２
"
 
# 変数設定
a = " test data "
 
# 変数を展開できるかチェック
str += "   " + "#{a}"
 
 
# セレクタでエレメントを取得
sample = document.querySelector("#sample")
 
# パラメータ連結
sample.innerHTML = str
 
 

javascript

// Generated by CoffeeScript 1.3.3
var a, sample, str;
 
str = "";
 
str += "1行データ";
 
str += "行データ１行データ２";
 
a = " test data ";
 
str += "   " + ("" + a);
 
sample = document.querySelector("#sample");
 
sample.innerHTML = str;
 
 

ヒアドキュメントによるサンプル

CoffeeScript

# 文字列設定
str = ''
 
str = '''
ヒアドキュメント１<br />
ヒアドキュメント２<br />
ヒアドキュメント３<br />
ヒアドキュメント４<br />
ヒアドキュメント５<br />
'''
 
# セレクタでエレメントを取得
sample = document.querySelector("#sample")
 
# パラメータ連結
sample.innerHTML = str
 
 

javascript

// Generated by CoffeeScript 1.3.3
var sample, str;
 
str = '';
 
str = 'ヒアドキュメント１<br />\nヒアドキュメント２<br />\nヒアドキュメント３<br />\nヒアドキュメント４<br />\nヒアドキュメント５<br />';
 
sample = document.querySelector("#sample");
 
sample.innerHTML = str;
 
 

---