3

JS初心者です。
サンプルコードを読んでいて、わからない部分が出てきて検索にも引っかからなかったため質問させてください。

var content = (String型のオブジェクト);

if(content && content !== ""){
    //処理
}

サンプルコードに上記のようなコードが出てきたのですが、if文の条件に使っている部分の意味がわかりません。
ご教授お願いいたします。

2 件の回答 2

4

contentの値がnullundefinedの場合に、falseと判定するためだと思います。

content !== ""のみの場合、contentの値がnullundefinedだた、trueと判定されます。
そのため、ifブロック内に以下のように.toUpperCase()などのメソッドを使うとエラーが発生します。

var content;     // undefinedのままにする。
content = null;  // または, nullを設定する。

if (content !== "") { // trueと判定される
  console.log(content.toUpperCase()); // ここでエラー
}

content && content !== ""とすれば、最初のcontentfalseとなるため、nullundefinedを除外することができます。

2

if(content && content !== "")の中にある&&は、論理AND演算子です。expr1 && expr2 とした場合、expr1falseであればexpr1を返し、そうでない場合はexpr2を返します。したがって、演算対象の両方がtrueならばtrueを返し、そうでなければ、falseを返します。

次に、contentの真偽はどうなるかというと、0, -0, null, false, NaN, undefined, 空文字列 ("")の場合にfalseになります。

右側の、content !== ""は、空文字列でないということです。JavaScriptの場合は、if(content && content !== "")としなくても、if(content)だけで空文字列を除外することができます。

サンプルでif(content && content !== "")となっているのは、if(content !== "")としてあったらcontentnullの時にエラーが出たので、反射的にif(content && content !== "")と修正したか、他のプログラム言語の多くがnull空文字列を別にチェックする必要があるためその習慣からそのようなコードにしたものと思われます。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。