JavaScriptで真偽値を反転する

2018.08.23

シンプルに真偽値を反転させる方法がぱっと思いつかなかったので、実装方法をメモ。

サンプルコード

ボタンをクリックすると真偽値が反転するようにしてみます。

<button id="btn">反転</button>

var flag = true;
document.getElementById('btn').addEventListener('click', function() {
	flag = !flag; // 反転
	console.log(flag);
}, false);

ボタンをクリックするたびにflagの値が反転するようになりました。
真偽値を反転するデモページ

ちなみに、初期値がtrue/false以外の場合も問題ないようです。

var flag = 'hogehoge';
document.getElementById('btn').addEventListener('click', function() {
	flag = !flag; // 反転
	console.log(flag);
}, false);

【参考サイト】

土