lorem-co-ltd0脱初心者になるための一歩として、プログラミングではデータの型を意識することが大切です。実際の作業でもデータ型を変換する場面がよくあります。文字列から数字に変換することや、反対に数字を文字列に変換したい場面などです。今回はJavaScriptでよく使う型の変換を紹介します。動画もあるのでお好みで使って頂ければと思います。JavaScriptで型を変換する方法まずJavaScriptでは型の変換に専用のメソッドが用意されているのですが、「何に変換するか」で使うメソッドがバラバラです。その中でもよく使うものを紹介していきます。JavaScriptで文字列から数字に変換する方法まずは文字列を数字に変換するパターンです。以下のような文字列があったとします。「0001」と出力される「0001」と出力されて問題はなさそうに見えるのですが計算する時に困ります。「00012」と出力される数字の足し算をしたいのですが「1+2=3」ではなく「00012」となってしまいました。プログラミングの世界では文字列はあくまで文字であって数字ではないので上記のように足し算をすると「文字同士の合体」になってしまうからです。初学者の方にはなかなか理解しづらいかもしれませんが、このような状況には型の変換をする必要があるんです。)というメソッドを使います。引数に変換したいデータを変数などで指定することで数字に変換してくれます。変数num1はもともと文字だったのですが数字に変換されたので足し算をすることができるようになりました。今度は逆に数字を文字列に変換するパターンを紹介します。実務では数字を組み合わせてidやユーザー番号などを設定することがあり、こういうケースでは先ほどと違って「文字同士の合体」をしたいわけなんです。「300」と出力される上記の場合、変数num2は100で数字であるため足し算をすると数字としての足し算が実行されます。ように文字の合体をするには文字列へ変換することになります。)というメソッドがあり、引数に変数などのデータを指定することで文字列に変換してくれます。JavaScriptで小数点のある数字を整数に変換する方法さらに実務でよくあるのが小数点のある数字を整数にしたいパターンです。プログラミングの世界では「数字」と言った場合に、「小数点あり」「小数点なし(整数)」の2種類に分類されるためです。「12.4」と出力される小数点がついている数字を整数に変換するには以下のようにします。)というメソッドがあり、引数に小数点がついている数字を指定することで整数に変換してくれます。こちらもよく使うので覚えておきましょう。ちなみにデータの型を調べる方法についても紹介しておきます。JavaScriptではtypeofを使うことでデータの型を調べることができます。「number」と出力される例えば変数num2を先ほどやったように文字列に変換してみます。「string」と出力されるこのように型を変換した場合には変換した後の型が出力されます。ちなみにですがコンソールで確認する場合だと以下のような方法でも型の確認が可能です。「false」と出力される上記の場合だと数字の100と等しく、文字列の100とは等しくないので変数num2は数字であることが分かります。こんな感じで型の変換をしていくうちに「今の型って何になってるんだっけ?」となることがあるので、型の確認方法も一緒に使えるようになっておきましょう。今回参考にした本はこちらになります。良ければこちらからどうぞ。