JavaScriptでboolean型の変数を反転させる方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptでboolean型の変数を反転させる方法について解説しています。boolean型はtrueあるいはfalseの値を扱います。if~else、三項演算子、否定演算子を使った反転の方法について見ていきましょう。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

JavaScriptでboolean型の変数を反転させる方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

 

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まるでしょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

boolean型の変数を反転させる方法について詳しく説明していくね!

大石ゆかり

お願いします!

 

boolean型とは

boolean型は真偽値(true/false)を示すために使用する型です。

JavaScriptでは、以下に表示する値をbooleanに変換するときはfalseとなります。

数値 0
数値 NaN
文字列値 ” (空文字列)
undefined値
null値

それ以外はすべてtrueと表示されます。

 

boolean型の変数を反転させる方法

boolean型の変数を判定する方法をいくつかみていきましょう。

 

・if~elseで判定

var boolObj = true;

if (boolObj == true) {

boolObj = false;

} else {

boolObj = true;

}

 

・三項演算子で判定

var boolObj = true;
boolObj = boolObj == true ? false : true;

 

・否定演算子で判定

var boolObj = true;

boolObj = !boolObj;

 

[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中

否定演算子とは

否定演算子「!」とは、オペランド(演算子引数)の式の評価が「真(true)」でなければ、FALSEを返す 論理演算子になります。

構文は以下のようになります。

!式

 

実際に書いてみよう

否定演算子の例をいくつかみていきましょう。

n1 = !true // !t false を返します。
n2 = !false // !f true を返します。
n3 = !"Cat" // !t false を返します。

 

2つの否定 !! は値を真偽値型に変換するために使われることがあります。

alert( !!"non-empty string" ); // true
alert( !!null ); // false

最初の NOT は値を真偽値に変換し、その逆を返しています。

そして、2つ目の NOT は再びその逆をしました。

最終的に、明示的な値からブール値への変換を行っています。

全く同じ処理として組み込み式のBoolean 関数を使用しましょう。

alert( Boolean("non-empty string") ); // true
alert( Boolean(null) ); // false

 

執筆してくれたメンター

水野大輝(みずのたいき)

2014年より、某物流会社のシステム開発担当として入社。

未経験ながら、社内システム保守~新規受注システム開発まで携わり、JavaScript Ruby on Rails PostgreSQLなどの経験を積む。

現在も、開発案件に携わりながら、日々勉強中。

 

大石ゆかり

JavaScriptでboolean型の変数を反転させる方法がよくわかったので良かったです!

田島悠介

ゆかりちゃん、これからも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

TechAcademyでは、初心者でも最短4週間でJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので参加してみてください。