文字列の基本
文字列を作る
変数を宣言して'
か"
で囲って代入
let string = '文字列'; console.log(string); typeof string; > 文字列 > "string"
シングルクォーテーションとダブルクォーテーション
JavaScriptではシングルダブルどちらで囲っても文字列として認識される
囲っているものと同じ種類のクォーテーションは文字列に含めることができない
文字列のエスケープ
バックスラッシュ(\
)をクォーテーションの前に置くと文字として認識させることができる(エスケープ)
let st = 'rock \'n\' roll'; st; > "rock 'n' roll"
文字列結合
文字列の間に(+
)を置くと文字列を結合することができる
複数の変数や文字列を混ぜてもよい
'
や"
で囲った実際の文字列のことを文字列リテラルと呼ぶ
let a = 'おひさし'; let b = 'ぶり'; let c = '大根'; let multi; multi = a + b; console.log(multi); multi = a + b + b + 'ブリ' + c; console.log(multi); > おひさしぶり > おひさしぶりぶりブリ大根
文字列と数字の結合
文字列と数値を結合しようとすると文字列になって返ってくる
let a = '123'; let b = '321'; let c = 123; let d = 321; let multi; multi = a + b; //文字列+文字列 console.log(multi); multi = a + d; //文字列+数値 console.log(multi); multi = c + b; //数値+文字列 console.log(multi); multi = c + d; //数値+数値 console.log(multi); > string123321 > string123321 > string123321 > number444
Number
渡されたものを数値に変換するオブジェクト
toString()
渡されたものを文字列に変換するメソッド
// さっきの続きから multi = number(a) + c; console.log(multi); multi = b + d.toString(); console.log(multi); > 246 > 321321
テンプレートリテラル
変数とか文字列とか式を含む文字列結合の時に少し記述が楽になる方法
文字列をバッククォート(`
)で囲み、変数や式を含める場合はプレースホルダー${ }
で囲む
改行も\n
を使わずにそのまま改行すれば表現できる
let score = 58; let max = 80; let out; out = '今回のテストの点数は' + score + '点だった。\nつまり問題の' + (score/max*100) + '%が解けたことになる'; console.log(out); out = `今回のテストの点数は${score}点だった。 つまり問題の${score/max*100}%が解けたことになる`; console.log(out); > 今回のテストの点数は58点だった。 つまり問題の72.5%が解けたことになる > 今回のテストの点数は58点だった。 つまり問題の72.5%が解けたことになる // どちらも同じ結果
参考: https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings