54
60

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【JavaScript】複雑なif else文を省略して書く

Posted at

JavaScriptのif else文は、(条件)?真の処理:偽の処理;と省略して書くことができます。しかし、いくつか検索してみてもシンプルなif文のコードしか紹介されていませんでした。そこで、シンプルなif文に加えて、複雑なif文の省略方法を紹介します。

##シンプルなif else文

var m = 20;
    if(m < 10){
   document.write("mは10より小さい");
} else {
    document.write("mは10より大きい");
}

###シンプルなif else 文の省略

var m = 20;
    (m < 10)?document.write("mは10より小さい"):document.write("mは10より大きい");

##複雑なif else文

var m = 20;
    if(m == 5){
   document.write("mは5です。");
} else if(m == 10){
    document.write("mは10です");
} else if(m == 15){
    document.write("mは15です");
} else {
    document.write("mは、5、10、15のどれでもありません。");
}

###複雑なif else文の省略

var m = 20;
    (m == 5)?document.write("mは5です。"):(m == 10)?document.write("mは10です"):
    (m == 15)?document.write("mは15です"):document.write("mは、5、10、15のどれでもありません。");

このように、基本形の(条件)?真の処理:偽の処理;を応用して、(条件)?真の処理:(次の条件)?真の処理:偽の処理;と書いていくことで、複雑なif文も省略することができます。

参考サイト
[Javascript]if構文の省略形について

54
60
5

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
54
60

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?