【JavaScript超入門コース】10.条件分岐｜条件にあてはまればAという処理、あてはまらなければBという処理ができます！【プログラミング初心者向け入門講座】

この動画では、JavaScriptの条件分岐について説明します。文字の書き起こし、ソースコードも完全無料です。サイトでの登録なども一切不要です。概要欄の下部にサイトURLあります。 ▼目次 00:31 条件分岐とは？ 00:54 if文 02:29 if ~ else文 03:38 if ~ else if ~ else文 04:33 確認問題 ▼関連動画 【JavaScript超入門コース】01.コース紹介（https://youtu.be/_ExoqS3s17Y) 【JavaScript超入門コース】02.JavaScriptとは (https://youtu.be/ZJh1HkLiKfI) 【JavaScript超入門コース】03.環境構築(for Mac) (https://youtu.be/hjHjAFvDjU4) 【JavaScript超入門コース】03.環境構築(for Windows) (https://youtu.be/HoNzSoAGX1w) 【JavaScript超入門コース】04.プログラムの基本構造 (https://youtu.be/C7AdxmIe42M) 【JavaScript超入門コース】05.実行 (https://youtu.be/bWsp3mfkXL0) 【JavaScript超入門コース】06.変数 (https://youtu.be/j-6k5JptKP0) 【JavaScript超入門コース】07.データ型 (https://youtu.be/W26fVp7QPVs) 【JavaScript超入門コース】08.配列 (https://youtu.be/ra4Se192sp4) 【JavaScript超入門コース】09.演算子 (https://youtu.be/zrEYvn6aXi8) 【JavaScript超入門コース】10.条件分岐 (https://youtu.be/4eMQJuATAvM) 【JavaScript超入門コース】11.繰り返し (https://youtu.be/KEeufTLSMXA) 【JavaScript超入門コース】12.関数 (https://youtu.be/9MbzNo4aL9Q) 【JavaScript超入門コース】13.クラス (https://youtu.be/fYNKzHTUv-8) 【JavaScript超入門コース】14.実践 (https://youtu.be/VZcE7RFzbFQ) 【JavaScript超入門コース】15.総集編（https://youtu.be/gs0l4rsQCGM) ▼各超入門コース 合併版（約1時間） 【Python超入門コース】(https://youtu.be/HyU3XL2F9GE) 【JavaScript超入門コース】(https://youtu.be/gs0l4rsQCGM) 【Java超入門コース】(https://youtu.be/kjxetd5ylzI) 【PHP超入門コース】(https://youtu.be/bLxQYJV75h4) 【Go超入門コース】(https://youtu.be/kPXfMFJ0oIE) 【Ruby超入門コース】(https://youtu.be/0DO5bsQB5So) 【Kotlin超入門コース】(https://youtu.be/UswtcJlDZ3I) ▼自己紹介 現在：フリーランス（マーケティング関連の人工知能開発、データ分析や業務自動化など） 前職：リクルート ▼SNS Twitter : https://twitter.com/kino_code/likes Facebook : https://www.facebook.com/%E3%82%AD%E3%83%8E%E3%82%B3%E3%83%BC%E3%83%89-105693727500005/ Website : https://kino-code.com/ ▼文字書き起こし 分岐処理とは？ レッスン4「プログラムの基本構造」で説明しましたが、プログラムの基本的な動きは「順次進行」「条件分岐」「繰り返し」の3つです。 この動画では、「条件分岐」について説明します。 条件分岐とは、条件に合致する場合は「処理A」、そうじゃないときは「処理B」ということができます。 if文 条件分岐の代表例が、if文です。 JavaScriptでのきまりをみてみましょう ifに続けて、「条件」を丸括弧の中に書きます。 波括弧の中に「条件を満たしたときの処理」を書いてセミコロン。この行は、インデントをひとつ右にずらして書きます。 波括弧は省略することができます。 しかし、波括弧があったほうが、プログラムの可読性をあげることができます。 つまり、プログラムが読みやすくなり、ミスを減らし、作業効率をあげることができます。 波括弧は省略しないことをおすすめします。 if ~ else文 次に、if ~ else文についてみていきましょう。 先ほどみたように、ただのif文は、条件を満たさないとき、処理されずプログラムが終わります。 一方、if ~ else文は、条件を満たさないときの処理を記述・実行することができます。 if ~ else文の JavaScript のきまりをみてみましょう。 先程のif文のあとに、elseと書きます。 elseのあとに波括弧。波括弧の中に、条件を満たさないときの処理を書きます。この行も、インデントをひとつ右にずらして書きます。 if ~ else if ~ else文 もう一つ条件を加えたい場合に使うのが、if ~ else ifです。 JavaScript でのきまりをみてみましょう。 先程の条件Aのif文のあとに、elseと半角スペース。次にifと書いて丸括弧内に2つめの条件Bを書きます。 次の行に、「条件Bを満たしたときの処理」を書いてセミコロン。この行も、インデントをひとつ右にずらして書きます。 確認問題 最後に確認問題です。 演算子のところで勉強した論理演算子を使って条件式のところに5以上10未満という条件を記述しましょう。 そして変数に7と12を代入して予想通りの実行結果になるか試してみましょう。 ※続きは、文字書き起こしブログで ▼文字書き起こし&ソースコードは下記ブログ https://kino-code.com/course-javascript10-conditional-branch/ ▼タグ #JavaScript初心者 #プログラミング入門 #条件分岐