0
0

More than 3 years have passed since last update.

JavaScriptの条件分岐を簡単に理解する方法

Posted at

条件分岐って何?

rubyでいうところのif文です。JSでもその概念はあります。
普通ならサンプルコードみたいなのを見せられて
はい、終わりだと思うのですが、
簡単に理解するために細々としたところまで見ていきたいと思います。

JSで条件分岐を書くために(前提条件)

以下、2つのファイルを用意。
:page_facing_up:index.html
:page_facing_up:script.js
今回もconsole.log()を用いてどのような結果になるのか検証していきます。
console.log()って何?って思った人は事前にこの記事を読んでください。
JavaScriptでのconsole使用方法

Rubyと違うところ

もちろん、rubyとはいくつか違う箇所があります。
それを先に抑えてしまいましょう。
以下4つです。
①条件式は()でくくる。
②処理の内容は{}でくくる。
③endはいらない
④elsifではなく、else ifと記述すること。

実際に書いてみる

script.jsに、以下の記述をします。

let num = 100;

if (num % 5 ==0){
  console.log(num + "は5の倍数です。")
} else if (num % 3 ==0){
  console.log(num+ "は3の倍数です。")
} else {
  console.log(num + "は3の倍数でも5の倍数でもありません。")
}

%や ==についてはrubyを触れた方ならわかると思います。
index.htmlをブラウザで開き、検証ツールを使ってコンソールを見てみると以下のようになってます。
9DA28B68-C95B-40E9-9176-53D4D30F11D0_1_105_c.jpeg
当たり前ですが、100の数字をいじると、結果は変わってきます。
コンソールって本当に便利です。
rubyとの違いだけは注意ですね。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0