コピー2019.03.27スポンサーリンクJavaScript入門の基礎的な内容を続けていきましょう。if-else文や論理演算子などを使って、条件分岐の制御構文をすでに扱いましたが、これをまた違った形で表現してみましょう。switch文まとめスポンサーリンク三項演算子まず、三項演算子からみていきましょう。三項演算子は条件演算子とも言います。これまでif-else文でブロックで分けて書いていたコードを三項演算子では1行でまとめて書くことができます。次のif-else文を利用してみます。'は選挙権があります。'は選挙権がありません。'は選挙権があります。'は選挙権がありません。');}このコードを三項演算子を使って書き換えてみましょう。三項演算子は次の形でコードを書きます。[条件式がfalseの場合に実行する式];条件式の次に?を置き、この条件式がtrueの時に実行する式を次に置きます。次にコロンを置いて、falseの時に実行する式をかきます。これを用いて、先ほどのコードを書き換えると、次のようになります。'は選挙権があります。'は選挙権がありません。'は選挙権があります。'は選挙権がありません。');年齢が18歳以上の場合は選挙権があり、18歳未満の場合は選挙権が無いことを1文で書いているのがわかります。これを実行すると、この場合は条件式はtrueになるので、「太郎は選挙権があります。」とコンソールに表示されることになります。次のif-else文を書き換えてみましょう。'お酒は二十歳になってから!';}console.log(isOkDrink);条件式の判定の結果を変数に入れることで、返り値として扱うことができます。書き換えると次のようになります。'お酒は二十歳になってから!';console.log(isOkDrink);このように、三項演算子はスッキリとコードを書くことができます。ifで多岐にわたる条件分岐になる時などは使えません。そんな場合はswitch文が使えます。switch文は次のような形で記述します。値n:「式=値n」である場合に実行される命令;break;default:式の値がどの条件にも合致しない場合に実行される命令;}switchに式を与えます。caseにに続けて値を置いてコロンを書きます。caseの値が一致した場合に実行する処理を書きます。この処理のみで終わらせるためにbreakを置きます。このcase句を条件の数だけ用意します。default句は無くて動きますが、どの条件にも合わなかった時の処理を記述しておきます。switchの式がどのcaseの値に合うか判定して、命令を実行するということになります。console.log('webに必要です。console.log('やる予定です。'HTML':console.log('webに必要です。'Ruby':console.log('やる予定です。');break;default:console.log('とにかく何か勉強しましょう!');}変数studyLangとして、学んでいるプログラミング言語を与えます。それぞれのcaseの値に各種言語で処理を分岐させています。ここではJavaScriptが1番目のcase句の値と一致しているので、ブラウザで実行するとJavaScriptコンソールには「ただいま勉強中!」と表示されます。このコードを次のように書き換えてみます。case句をbreakを使わずに2つ並べている部分を作ります。console.log('webに必要です。console.log('やる予定です。'HTML':console.log('webに必要です。'Ruby':console.log('やる予定です。');break;default:console.log('とにかく何か勉強しましょう!');}これはエラーにはなりません。この場合は、変数がJavaScriptでもPythonでも最初の処理が実行されることになります。いう使い方もできるということを頭に入れておきましょう。論理演算子のところで扱った次のコードを利用してみます。+'歳で、高校生以下のはずです。+'歳で、大学に通っているかもしれません。+'歳で、まあ仕事をしてる社会人ですよね。+'歳で、もう社会にとって必要は無い?ことも無いです。+'歳で、高校生以下のはずです。+'歳で、大学に通っているかもしれません。+'歳で、まあ仕事をしてる社会人ですよね。+'歳で、もう社会にとって必要は無い?ことも無いです。');}if-else文で複数の条件で分岐させているコードです。これをswitch文に書き換えてみます。+'歳で、高校生以下のはずです。+'歳で、大学に通っているかもしれません。+'歳で、まあ仕事をしてる社会人ですよね。+'歳で、もう社会にとって必要は無い?ことも無いです。+'歳で、高校生以下のはずです。+'歳で、大学に通っているかもしれません。+'歳で、まあ仕事をしてる社会人ですよね。+'歳で、もう社会にとって必要は無い?ことも無いです。');}switchの式をtrueにして、case句の値を比較演算子を使って変数を評価する条件にしています。この場合の結果は以下のように表示されます。ageの値を色々変えると、caseに合わせて結果が変わります。このswitch文の式とcaseの値の比較は「===」演算子であることにも注意して置きましょう。これは数字と文字列を厳密に区別する為です。Statements)について扱いました。三項演算子はif-else文でブロックで分けて書いていたコードをtrue/falseで判定して1行でまとめて書くことができます。switch文は多岐にわたる条件の分岐を処理することができます。if文で繰り返してコードを書いて分岐させるよりもスッキリした読みやすいコードになります。プロパティとメソッドJavaScriptのオブジェクトについて、プロパティとメソッドの基本的な操作を行います。JavaScriptのオブジェクトは他の言語でいう連想配列です。インデックス番号をキーにする配列と違い、名前をキーとして値を扱うことができます。2019.04.08JavaScript【JavaScript入門】演算子(オペレーター)の基礎と優先順位JavaScriptの演算子(オペレーター)とその優先順位について簡単に触れてみました。演算子の処理は四則演算の考えで通用する部分も多いので、特に難しいものではないとは思いますが、独特な演算子もあるので、その使い方にも気をつけましょう。IIFE)を扱います。通常の関数定義の呼び出しと違い、匿名関数を括弧で囲んで関数とし、即時呼び出しができます。breakJavaScriptの基本的な制御構文であるループ処理のor文とwhile文を扱います。反復処理の同じコードを繰り返し書く必要が無くなります。反復処理の終了条件の前にcontinueやbreakを使って処理の途中でスキップや中断ができます。2019.04.10JavaScript【JavaScript】(ES6)ブロックとIIFE(即時実行関数式)JavaScriptのES6のブロック(ブロックスコープ)について扱います。ブロックは波括弧{}単体で作ることができます。ブロック内でlet、constで宣言した変数は外から利用できません。これはES5のIIFEとよく似た動きをします。無名関数)JavaScriptの基本的な概念の一つである関数について、function命令で定義するものとは別に関数リテラル表現で定義する方法を扱います。関数リテラルは文字列や数値と同じように扱うことができます。関数名を宣言せずに定義するが特徴です。Scriptでの開発で承認が必要の表示。notebookの基本的な使い方。【Python】tkinterの使い方入門。Scriptでの開発で承認が必要の表示。notebookの基本的な使い方。【Python】tkinterの使い方入門。open,write,read,with,seekスポンサーリンクタイトルとURLをコピーしました。