2019.03.21スポンサーリンクJavaScript入門として、基礎的なところから扱っていきましょう。ここでは、変数とデータ型、型変換と型強制について扱って扱ってみようと思います。実行環境とファイル構成はこちらでやったものを引き続き使っていきます。【JavaScript入門】JavaScriptを始めよう!実行環境構築とコンソール表示JavaScriptは軽量なクロスプラットフォームのオブジェクト指向プログラミング言語です。近年、サーバーサイドでも利用され、Web開発に重要な言語となっています。ここでは実行環境の構築し、JavaScriptコンソールで結果を確認します。code-graffiti.com2019.03.19ではやっていきましょう。前回使った実行環境のscript.jsファイルをテキストエディタで開いて、次のコードを書いてみます。'エドワード';console.log(firstName);前回はconsole.log()に直接文字列を入れて、JavaScriptコンソールに表示しました。ここでは、まず変数を利用して、そこに文字列を代入しています。変数を利用するには、変数を宣言する必要があります。最初にvarと書いて変数名を定義します。(varと宣言しなくても実際にはJavaScriptでは機能しますが、グローバル変数と区別する為に宣言しておきましょう。文字列や数値などここではfirstNameという変数名にして、エドワードという文字列を代入しました。文字列はクォーテーションで囲む必要があります。ダブルクォーテーションでも動きますが、シングルクォーテーションで囲むのが良いとされています。(ちなみに、エドワードは鋼の錬金術師の主人公の名前)この変数をconsole.log()に代入して実行します。このスクリプトをインポートしたindex.htmlを開いて実行してみましょう。ブラウザのJavaScriptコンソールを開くと、「エドワード」と表示されています。変数はデータの入れ物とよく言われます。このように変数を定義してデータを渡して一連の処理ややりとりなどをしたものを、この中で一時的に保存するのが変数の役割です。6(ES6)から変数の宣言も新しくなっています。6(ES6)について、ここでは変数宣言のletとconstについて扱います。constは定数で変更不可、letは変数の重複を許さずブロックスコープで参照するという特徴があります。code-graffiti.com2019.06.20ここでは、varを使った宣言を使って行きますが、これに限らず新仕様のES6も今後は必要となってきます。このES6の仕様については、また別の機会で扱います。データ型ここでは変数に文字列を代入しましたが、変数に代入できるデータ型は次のようなものがあります。シンボルを表す最後のシンボル型はECMAScript2015の新規格で導入されたもので、これはまた別の機械に触れることにします。コードを書いてみると次のようになります。真偽型console.log(isHuman);コードをこのように書き換えてブラウザを更新してみると、console.log()にはisHumanしか代入していないので、trueのみが表示されるはずです。次のようにも書くことができます。'国家錬金術師';console.log(job);最初は、varで変数を宣言するまででとどめています。ちなみに変数は、カンマで区切って複数宣言することもできます。あとでこの変数に文字列を定義しています。実行してJavaScriptコンソールを見てみましょう。最初のconsole.log()には、値が入っていないのでundefinedと表示されています。代入されたものは内容が表示されています。変数は自由に宣言することができますが、ちょっとだけ書き方のルールがあります。20;変数は文字かアンダースコア、ドル記号で書き始めます。最初の例のように数字で書き始めたい場合などはアンダースコア(_)を冒頭につけるなどして変数を作ります。複数の単語を組み合わせて変数を作る場合は、先頭の単語の文字は小文字、以降の単語の冒頭は大文字にして結合します。いう書き方をキャメルケースと言います。コメントアウトした「if」の場合などは、JavaScriptで使われている予約語で、変数に使うことができません。予約語には、break、case、catch、delete、do、else、default、class、for、import、returnなど30個数以上あります。MDNのページに予約語がまとめられています。以下は予約語であり、変数、関数、メソッド、あるいはオブジェクトの識別子として用いることはできません。仕様で既存のキーワードとして予約されているものです。developer.mozilla.org仕様の変更によって将来的に増えることもありますので、どんなものがあるか見ておくといいでしょう。変数の型変換と型強制について見ていきます。JavaScriptは変数のデータ型を処理に合わせて扱います。次のコードを見てみましょう。age);文字列型と数値型を合わせてconsole.log()で表示しようとしていますが、JavaScriptは数値を文字に合わせて表示してくれます。JavaScriptコンソールをみるとこうなります。何も問題なく、表示されているのがわかります。同様に、これまでの内容を含めてまとめてコードにしてみましょう。