JavaScriptの勉強05【文字列】 - みっちぇのWebデザイン研究所

勉強シリーズ。

前回は数値についていろいろと学びました。

代入・比較演算子と結構頭がこんがらがってきたのですが、次は文字列について学んでいきます。

「数学は苦手だから理解しづらかったけど、文字なら大丈夫でしょ！」と軽く見ていて、早速挫折しかけました。

頑張って理解します。

はじめに

このシリーズはjavascriptを触ったことのない初心者が勉強のために記事にまとめて、頭の中を整理しよう！というシリーズです。

ためになるかはわかりませんが、同じく初心者の方は一緒にがんばりましょう！
玄人の方はどうぞ温かい目で見守っていてください。

なにか間違い・助言あれば、ご教授おねがいします。

勉強方法：Chromeのデベロッパーツールでコンソールを開いて実行。

文字列をつくる

文字列は''（シングルクォーテーション）でくくる。
""(ダブルクォーテーション)でもOK!

例

let name = 'name'; //シングルクォーテーション
let name2 = "name"; //ダブルクォーテーション

また、'でくくった文字の中に'を含めたい時は、

let name = 'I\'m Micche.'; // 'i'm Micche';だとエラーになる

のようにエスケープ文字である\（バックスラッシュ）をつけることで使うことができる。

ちなみにmacの場合だと、option+¥で\（バックスラッシュ）を表示できる。

同じように、ダブルクォーテーションを使った場合もエスケープ文字を使用することでエラー回避が可能。

name = "たとえば、\
\"この中がダブルクォーテーションで囲まれています。\"\
と、書きたければ、\
ダブルクォーテーションの前に\
エスケープ文字を挿入します。";

※文の後ろについている\は、見やすくするために、コード上で改行をするためのバックスラッシュ。

単純に文字列同士を+でつなぐ。

以下、コンソールでの結果。

注意
変数名同士を引用符（''とか""）でくくらないこと！！！
文字列として認識されてしまい、変数が効かなくなります。（私は何度かやりました）

何回でも変数は利用可能。

文字列側に数値が合わせられ、stringとして連結される。

例えば、

let name = 'みっちぇ'; //文字列
let num = 28; //数値

name + num;

とした場合結果は みっちぇ28 と返される。

また、数値同士がクォーテーションでくくられ、文字として認識されてしまった場合。

let myTime = '12' + '20';
myTime;

この場合は 1220 と返される。

実際にtypeof myTime;と入力してみると、stringと表され、文字列として認識されてしまったことがわかる。

数として計算したい場合は、

let myTimeNum = Number(myTime); //変数に格納しないと数値だと更新されない
typeof myTimeNum;

とすることで、numberと返される。

逆に、文字として認識して欲しいのに、数値として認識されている場合は、toString()を使用することで改善できる。

let myNum = 2021; //数値
typeof myNum; //'number' と返される
let myString = myNum.toString(); //数値を文字に
typeof myString; //'string' と返され、文字列に変換できたことがわかる

使い勝手としては、メールフォームやお問い合わせでユーザーが入力した文字を数値に変換して計算したい時などに使えるらしい。

ほう。

今回はこのくらいにしておこうと思う。
次回、テンプレート文字列（リテラル）について学ぶ…！！！