JavaScript レッスン1
変数とデータ型
JavaScriptでデータを扱う基本を学ぼう
変数とは
変数はデータを一時的に保存するための「名前付きの箱」です。 JavaScriptでは3つのキーワードで変数を宣言できます:
let- 再代入可能な変数(一般的に使用)const- 再代入不可の定数(値が変わらない場合に使用・推奨)var- 古い書き方(現在は非推奨)
let と const の使い分け
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
script.jslazy
23 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
基本のデータ型
JavaScriptには主に7つのデータ型があります:
string- 文字列("hello"や'world')number- 数値(整数・小数の両方。42,3.14)boolean- 真偽値(trueまたはfalse)null- 意図的に「値がない」ことを示すundefined- 値がまだ代入されていない状態object- 複数の値をまとめたもの(配列も含む)symbol- 一意の識別子(上級向け)
データ型を確認してみよう
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
script.jslazy
35 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
var の問題点
var は古いJavaScriptの変数宣言です。以下の問題があるため、現在は let / const が推奨されています:
- スコープの違い -
varは関数スコープ、let/constはブロックスコープ - 再宣言可能 -
varは同じ名前で再宣言できてしまう - 巻き上げ(Hoisting) -
varは宣言前にアクセスしてもundefinedになる
型変換と演算
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
script.jslazy
25 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
まとめ
constを基本に使い、再代入が必要なときだけletを使うvarは古い書き方なので新規コードでは使わない- 主なデータ型:
string,number,boolean,null,undefined typeofで変数のデータ型を確認できる- 比較は
===(厳密等価演算子)を使うのが安全