割り算したときの余りを求める演算子”%”です。aの結果は1(ture)です。この例は、bの結果が0の場合はiは3で割り切れる値なので、iは3の倍数であることがわかります。変数の値を1増加”++”したり、1減算”–“する演算子です。変数の前に記述するのと後に記述するので意味が変わります。aの結果はiを1増加した値です。aの結果はiと同じです。aにiを代入したあとでiを1増加します。比較するときの演算子です。条件文とともに使います。xとyが等しければ実行します。xとyが等しくなければ実行します。xがy以上であれば実行します。World"を表示します。World");}比較の判定は「真偽値」で行います。y」が成立するときは「真(true)」、そうでなければ「偽(false)」という値となります。これはどのプログラミング言語でも必ず登場するので知っておきましょう。関数の戻り値として型定義されていることも多く、プログラミング言語によっては「boolean型」として明確に型定義をします。isActive(引数)といった関数があるとして、この関数では(引数)で渡されたものが有効かどうか?を判定する処理を行い、戻り値として真(true)か偽(false)を返します。関数ではこうやって利用されることが多いです。等号と不等号は、”===”や”!==”という記述方法を提供している場合もあります。これは、比較対象の値や変数をより厳密に比較する場合に使用する演算子です。‘1’)はどちらも同じ判定となります。‘1’)は判定が異なります。1)の場合はaが数値の1ならば実行します。‘1’)はaが文字列の’1’ならば実行します。これは条件をより簡潔に表現するのに使う演算子です。条件文とともに使われます。“、「〜もしくは〜」であることを判定する場合は論理和”||”、「〜でない」ことを判定する場合は否定”!”を使います。xが7で、かつyが3であるときに実行します。xが5でないか、もしくはyが10のときに実行します。func処理の結果がfalse(偽)の場合に実行します。true(真)とfalse(偽)は真偽値といって、ここでは処理結果が”1′′ならばtrue(真)、”0′′ならばfalse(偽)と理解しておくといいでしょう。上記の例の場合だと、「func処理結果が”0′′ならば実行する」ということになります。(func())と記述します。否定”!”は真偽値を反転させて評価します。配列は「[]」を使って値を代入します。以下の例では3つの要素を持つ配列を作成します。"Nagoya"];配列から値を取り出すには以下のようにインデックスを指定します。towns[0];console.log(east);(表示結果)"Tokyo"配列に要素を追加するには以下の関数を使います。"Fukuoka"]配列を作成するときに要素に値がない場合は「undefined」として作成されます。以下の場合は2つ目の要素がundefinedとなります。"Nagoya"];towns[0]はTokyo、towns[1]はundefined、towns[2]はNagoyaとなります。条件文JavaScriptの条件文はif文とswitch文があります。式には真偽値を判定する式を記述します。この場合、結果がtrueの場合はif文内を処理し、falseの場合はelse文内を処理します。処理内容;}複数のif文を記述することもできます。xとyが同じなら処理を実行}また、3項演算式を書くこともできます。"閉じる";console.log(door);真偽値を評価する際にJavaScriptは以下の値をfalseに評価します。falseundefinednull0NaN空の文字列(“”)これら以外はtrueに評価します。式に合致したcaseの値があった場合はその処理内容を実行しbreakにてswitch文から抜け出します。どのcaseの値にも当てはまらない場合は、default内の処理が実行されます。while文、for文、for...in文があります。式には真偽値を判定する式を記述します。結果がtrueの間はwhile文内の繰り返し処理を実行します。while文は一度でもdo文内の処理を実行したい場合に使用します。式には真偽値を判定する式を記述します。結果がtrueの場合再びdo文の処理を実行します。y);for文for文内の処理を実行する前に初期化を行います。条件がtrueの場合はfor文内の処理を実行します。処理実行後に更新の記述内容を実行します。条件の判定に戻り、trueの場合はfor文内の処理を実行します。これを繰り返し、条件がfalseになればfor文を抜けます。iが100より小さい間は処理を繰り返す}FizzBuzz問題プログラム簡単なプログラムをJavaScriptで作ってみましょう。ここではプログラムをStrictモードで作成します。Strictモードは、エラーは発生してないが正しく処理しないような事柄も、エラーが発生するように変更します。本来は利用すべきでないコードの記述方法など、エラーが発生しなかった処理も発生するようになります。strict;”)という文を記述します。関数に対してだけStrictモードにすることもできます。strict;’を記述、つまり関数の先頭に記述します。それではサンプルプログラムでよく利用されるFizzBuzz問題のプログラムを作ってみましょう。FizzBuzzは海外の言葉遊びで、スタートして1から順に数字を発言していくのですが、3で割り切れる場合はFizz、5で割り切れる場合はBuzz、両方で割り切れる場合はFizzBuzzと発言します。これをプログラミングしてみましょう。strict;’を宣言してStrictモードにします。strict;'プログラム全体の動作を以下のようにします。1から順に100までカウントする数える数字を1行ずつ画面に表示する3で割り切れる数字のときは画面に「Fizz」を表示する5で割り切れる数字のときは画面に「Buzz」を表示する3と5で割り切れる数字のときは画面に「FizzBuzz」を表示する変数を使って1から数値をカウントするのに使います。初期値は1の値を格納できるようにします。JavaScriptは変数は「var」で宣言します。1;JavaScriptの変数宣言はデータ型を指定せず、フレキシブルに値を代入できるようになっています。数字をカウントしながら、その数字を画面に表示するので、表示処理を100回繰り返すプログラムを記述します。記述にはfor文を使います。{}処理を100回繰り返すプログラムをfor文で書くとこのようになります。101;」はcount変数が101より小さい間処理をする条件となります。1から100まで数えるので、count変数が100のときも画面に表示します。「count++」はfor文内の処理の最後に実行します。この場合は画面に表示したあとにcountがインクリメントされます。画面に表示するために以下のプロパティを使用します。document.body.innerHTML;ここに値を代入するとbody要素に代入した値が反映されます。ブラウザの画面に代入した値が表示されます。Worldがブラウザの画面に表示されます。1から100まで表示できるようにプログラムを書いてみましょう。書いたプログラムをCodePenなどで実行してみましょう。count;}どうでしょうか?実行されましたか?おそらく画面には「100」だけが表示されているかと思います。これはdocument.body.innerHTMLの内容がfor文で処理を繰り返した最後の値「100」だからです。1から99までの上書きされているためこのようになります。どのようにすればいいでしょうか。代入した値を上書きされないようにするために、「追加」で代入できるようにします。count;「=」の前に「+」を記述して追加できるようにしてみましょう。こんどはどうでしょうか?画面に100までの数値が表示されるようになりましたが、横に連続して表示されていると思います。数字が1行づつ表示されるように以下のように修正します。'<br>';「<br>」はHTML表記の改行を行うタグです。これで1から100まで数字が1行づつ表示されましたね。次に、3で割り切れるときは「Fizz」、5で割り切れるときは「Buzz」、両方で割り切れるときは「FizzBuzz」、それ以外は数字を表示するようにプログラムを追加します。3で割り切れるときの処理を追加します。以下の条件文を追加してみましょう。{}「%」は割り切れると「0」、余りが発生すると「1」を返す演算子です。3で割り切れるかどうかを「===」で評価しています。「==」でも同じように評価しますが、JavaScriptではより厳密に評価するために「===」演算子があります。正確なプログラミングをするためにできるだけ「===」を使う癖をつけておいたほうがいいでしょう。}}3の倍数のときには「Fizz」と表示されたでしょうか。次に、5で割り切れるときは「Buzz」と表示するプログラムを追加してみましょう。以下のプログラムを条件文に追加します。if」を使って条件を追加します。}}最後に両方で割り切れるときには「FizzBuzz」と表示するプログラムを追加します。両方で割り切れることを評価するために「&&」演算子を使います。'FizzBuzz<br>';}3で割り切れる場合と5で割り切れる場合はどちらも条件が重なりませんが、両方で割り切れるかどうかを評価する場合は条件が重なります。以下のようにプログラムを追加すると「FizzBuzz」は表示されません。0)」の評価まで到達しません。0)」の評価を最初にすることで期待通りの動作をします。}}これで期待通りの表示ができたかと思います。パズルを組み立てたり、なぞなぞを解いたりするのに感覚的に似ていませんか?「はじめてのプログラミング」記事で少し触れましたが、パズルやなぞなぞが好きな人はプログラミングの習得が比較的速いかも知れません。プログラミングは試行錯誤したあとに完成させることで達成感があります。これをきっかけにJavaScriptを学習してみてください。CodeAidについて。