Recommended
More Related Content
More from ZOIdayo
Recently uploaded
Recently uploaded (7)
プログラミング講座 #1 基本的なプログラム
- 5. 文法その1 「変数」 使い方は言語によって変わるけど ... 例えばJavaScriptでは、 let a = 1; で「aという名前の変数を作り、 1と書き込む」の意味
- 6. 文法その1 「変数」 値の変更もできる let a = 1; a = 3; だと、「変数a(値1)を作る」→「aの中身を3にする」の意味(aに3を代入する、と呼ぶ) 数学の=ではなく、右辺を左辺に代入する、という意味
- 7. 文法その1 「変数」 ちなみに、こんな書き方もできる let a; a = 1; a = 3; これの省略形、と考えてもいいかも ?
- 8. 文法その1 「変数」 計算もできる! 四則演算... + - * / a/bのあまり... a%b a = a + 2; は a += 2; と省略できる! (他の演算も大体OK) (数学的にはおかしい式だけど、 a+2をaに代入、という処理なだけ ) さらに、a = a + 1; は a++; と省略できる! (++、--以外はないかも)
- 10. 文法その1 「変数」 実は、変数に入れられる(プログラムで扱える)「値」は数字だけじゃない 色々あるけど、とりあえず「文字列」、「配列」、「真偽値 (ブーリアン)」を覚えとく 順にこんな感じ 「” ”」で挟むと文字列で文章、「 [ ]」で挟むと配列で数列(数以外もOK) trueかfalseで真偽値(それぞれ「はい」「いいえ」を表す )(どこで使うかは後) let s = “test_test”; let a = [123, 456, 789]; let b = true;
- 12. 文法その2 「ループ」 プログラムでは、ループして何回も実行できるような機能がある 例えば... while, forなど (この二つ覚えとけばとりあえず OK)
- 13. 文法その2 「ループ」 whileの使い方... while(){}で、()の中に真偽値、{}の中に実行するものを入れる let a = 0; while(true) { a++; } このコードではaが永久に増え続ける(終わりはない) ※ whileの{}の中を2文字右にずらしてるのは見やすいためです
- 14. 文法その2 「ループ」 ()の中には条件を入れても OK 条件... a<b、a<=b、a==b など... (「aとbが等しい」は==、つまり=を2つ繋げて表す) (でないと代入になる) let a = 0; while(a < 5) { a++; } 「aが5未満の間、aを1増やし続ける」の意味 終了時にはaは5 (a==4 → ループ突入→ a==5 → ループ突入しない→ 終了!)
- 15. 文法その2 「ループ」 forの使い方... 色々応用できるけど、「10回繰り返す」場合 let a=0; for(let i=0; i<10; i++) { a += i; } forの()の中が;で3つに分かれているのに注目 1つ目 … 最初の1回実行 2つ目 … ループ突入の条件(whileの()みたいな感じ) 3つ目 … ループごとに毎回実行する処理
- 16. 文法その2 「ループ」 let a=0; for(let i=0; i<10; i++) { a += i; } つまり、 「a==0, i==0 → i<10なのでループ突入→ aにi(==0)を足す→ a==1 → ループ1終 →a==1, i==1 → i<10なのでループ突入→ i++ (i==1に) → aにi(==1)を足す→ …」 となり、aは最後には0+1+2+...+9=45になる
- 17. 文法その2 「ループ」 for(let i=0; i<10; i++) { } つまり、上の書き方で、 「iを0~9まで動かしながら{}の処理を1回づつ実行する」という意味 {}の中でiを使わないなら、「{}の中身が10回実行される」と考えてもいい
- 19. 文法その3 「条件分岐」 if文を使うことで、特定の場合だけ実行するようにできる if(条件) {条件を満たした時のみ実行 } または if(条件) {条件を満たした時のみ実行 } else {条件を満たしていない時のみ実行 } 3つ以上の時は if(条件1) {条件1の時} else if(条件2) {条件1でない、かつ条件2の時} else {条件2でない時}
- 23. 文法その4 「関数」 console.log(“aaa”)のように、name(値)となっているものを「関数」と呼ぶ 数学のf(x)みたいな感じで、xの部分を少しずつ変えながら実行できる 自分で作る場合こんな感じ(f(x) = x^2 - 2x +1 ) function f(x) { return x*x - 2*x + 1; } returnで結果を返す
- 24. 文法その4 「関数」 let a = f(10); とすればaは81、 let b = f(5); とすればbは16になる f(x)の部分が計算結果に置き換わる、と考えると、 let c = f( f(3) + f(5) ); → f( 4 + 16 ) → f(20) → 361 になる 1ステップずつ考えると楽!
- 25. 文法その4 「関数」 (x)の部分(引数と呼ぶ) を増やすこともできるし、関数内で処理をすることもできる function g(x, y) { let a = x+y; return a*a; } この時、let a = g(2,5); とするとa==49
- 26. 文法その4 「関数」 あと、値を返す方ではなく「処理をする」方に焦点を当てたものもある 例えばconsole.log() (これはJavaScriptに元々あるので準備なしに使えます ) console.log(“aaa”) と文字列を渡せば、コンソールに「 aaa」と表示してくれる! let a = console.log(”aaa”) みたいにはしない つまり、「計算結果」は捨ててる
- 27. 文法その4 「関数」 これを使えば、何回も出てくる処理に名前をつけて使う、みたいなこともできる 例えばxについての情報を喋らせたり ... function print(x) { console.log(x + “ についての情報を表示します ”); console.log(“x * x == ” + (x*x)); if(x>0) console.log(“x>0 です”); else if(x==0) console.log(“x==0 です”); else console.log(“x<0 です”); }
- 28. 文法その4 「関数」 ちなみに、ifの後ろの波括弧は後ろが 1処理だけの時は省略できる これはOK↓ if(a < 0) console.log(“a<0 です”); if(a < 0) a = -a; これはNG↓ (NGではないけど思うようには動かない ) if(a<0)console.log(“a<0 なのでせいにしておきます ”); a = -a;
- 32. 終わり