JSで空、null判定

Question

JSで、下記のような記述をすると、if文内に入ってしまうのですが、どうすれば入らないようにできるのでしょうか？
if(!a) のような記述でも入ってきてしまいます。このときの、logの値は、何も表示されませんでした。
また、if(a!="") だけにすると、回避できます。
理由がわからず困っています。
初歩的な質問で申し訳ありませんが、お願いいたします。

var a = "";

if (a!="" || a!=null){
  console.log(a);
}

Answer 1

!= は型変換してしまうので !== を使います。
それから、null 判定がおかしいですね。null でない場合にマッチしてしまいます。

var a = "";

if (a !== "" || a === null) {
  console.log(a + ' is not a empty string, or it is a null');
}

Re: melanocytic さん

Comments

[退会済みユーザー]

早速のご回答ありがとうございます。

今回の件で、if(!a)でif内に入ってしまうのも、!==での比較ができていないからなのでしょうか？

[think49]

根本的な原因は a != null にあるので a == null に修正すればよい、という考えも出来なくはありません。
ただし、その場合は型変換が発生するので例えば、Undefined 型でもパスしてしまいます。

var a = undefined;
if (a != "" || a == null) { console.log(true); }

a != "" がどのように判定されるかまでは調べ切れていませんが、それなりに複雑なので必要であれば下記URLを参照して下さい。
http://www.ecma-international.org/ecma-262/6.0/#sec-abstract-equality-comparison
私としては == の型変換規則を明確に把握して実装するのでなければ、期待しない動作になる事を防ぐ為に === または !== を使用する事を推奨します。

[退会済みユーザー]

今回の件ですと、nullの場合もif内に入らないようにしたいです。

また、基礎的なことが理解できていないのかもしれないのですが、
if (① || ②)　としますと、①の判定で条件を満たしていれば、②は判定されないという認識であっているのでしょうか？

[think49]

|| は「または(OR)」の条件演算子です。
A || B ならAが条件成立しなくともBが条件成立すればパスする仕組みです。
今回の場合では「a が空文字ではない、又は a が null ではない場合」なので「全ての場合で成立する条件」となってしまっています。

> if (① || ②) としますと、①の判定で条件を満たしていれば、②は判定されないという認識であっているのでしょうか？
そうではありませんが、その条件にしてしまうと「a != ""」が成立した時点で「a != null」が判定されないので a === null の場合に a != "" でパスしてしまいますよ。
(2016/2/23 13:10追記) 上文は嘘でした。ごめんなさい。その認識で合っています。

[退会済みユーザー]

何度もご回答いただき、ありがとうございました。
think49さんの説明に自分なりに他の値をいれてみたところ、理解することができました。
ご迷惑をお掛けしました。

また機会がありましたらよろしくお願い致します。

[think49]

ごめんなさい。読み直したら誤っている事をいっていたので訂正します。

> if (① || ②) としますと、①の判定で条件を満たしていれば、②は判定されないという認識であっているのでしょうか？
その認識で合っています。混乱させて申し訳ありません…。

[退会済みユーザー]

ありがとうございます。
今回でかなり良く理解することができました。

Answer 2

おちついて考えてください。「aが空白でないか、または、aがnullでないか」は常に成り立つので、aの値が何であってもifの中に入ります。

おそらくは、
「aが空白でなく、かつ、aがnullでもない」にしたかったのでは？ ||じゃなくて&&です。

Comments

[退会済みユーザー]

ご回答ありがとうございます。

[退会済みユーザー]

自分なりに他の値をいれてみたところ、理解することができました。
ありがとうございます。

また機会がありましたら、よろしくお願い致します。

Answer 3

ChromeやFirefoxでF12キーを押すと
コンソール画面が立ち上がるのでちょっとしたコードはすぐに試す事が出来ますよ

"" != "" ? true : false
// false

"" != null ? true : false
// true

---

例えばPHPでは同じ空文字列とnullの判定でも下記のように対話シェルを立ち上げると結果が異なります。
細かい所で言語間の違いがあるので一度確認してみると良いかとおもいます。

$ php -a
php > echo ("" != null ? "true" : "false");
// false

php > echo ("" != "" ? "true" : "false");
// false

Comments

[退会済みユーザー]

ありがとうございます。
phpとjsで違いがあることは知りませんでした。
また一つ勉強になりました。

またよろしくお願い致します。