tamakipedia

鎌倉でフロントエンドエンジニアをしています。Wordpress/Javascript/JQuery が得意で、現在React勉強中です!

【javascript】論理否定を代入することでture → false → true → false 繰り返す

これはすごい小ネタになるのですが

ボタンでオンオフを切り替えたい時、皆さんどの様にされていますでしょうか。

論理否定であるを使えば

a = !a だけで ture → false → ture を繰り返すことが可能です。

<div onclick="init()">
  スイッチ
</div>

<script>
flag = "true";
function init(){
  flag = !flag
  console.log(flag)
}
</script>

クリックするたびに
左辺の左辺の否定を代入するということになります。

というのも、私はいつも flagに0を代入し
if文によって0 → 1 → 0 に切り替えていました。

See the Pen 論理否定でtrue false を簡単に切り替える by たまき こう (@ulqvhvox) on CodePen.