How to toggle a boolean?

Question

Is there a really easy way to toggle a boolean value in javascript?

So far, the best I've got outside of writing a custom function is the ternary:

bool = bool ? false : true;

Jordan · Accepted Answer · 2020-05-21T19:24:59.553

1136

bool = !bool;

This holds true in most languages.

edited May 21 '20 at 19:24

answered Jul 22 '12 at 22:11

Jordan

30,837
6
53
65

10

really nice solution, i was using: test = (test == true)? false : true; – alpera Jan 19 '14 at 15:46
1

This need initialisation, so is there a way without initialisation. Though this would work on object attributes. – user2846569 May 16 '14 at 14:40
15

@user2846569, if you're toggling the boolean, that means that by nature the variable has already been initialized. You could expand it to `bool = !bool || true;` to have a default, I suppose. – Jordan May 22 '14 at 00:53
3

@Jordan That causes ReferenceError – user2846569 May 23 '14 at 11:12
1

J.B wants a unary statement rather than binary statement. Perhaps it could be bool!! or !!bool. But so far i've never seen such syntax. I agree with Jordan. It is so short already. – Fandi Susanto Nov 06 '14 at 05:04
1

This works well even when the value starts with `undefined` – goodhyun Apr 02 '17 at 15:38
1

Elegant and clean. Thanks! – Mike Carpenter May 15 '18 at 16:33
Consider `bool = bool === true;` to map falsy values to false. – Killroy Oct 21 '19 at 08:27
If anyone's needing this for VB.NET, it's bool = (not) bool – kosherjellyfish Jan 15 '21 at 04:24

score 116 · Answer 2 · edited Nov 03 '21 at 00:16

116

If you don't mind the boolean being converted to a number (that is either 0 or 1), you can use the Bitwise XOR Assignment Operator. Like so:

bool ^= true;   //- toggle value.

This is especially good if you use long, descriptive boolean names, EG:

let inDynamicEditMode   = true;     // Value is: true (boolean)
inDynamicEditMode      ^= true;     // Value is: 0 (number)
inDynamicEditMode      ^= true;     // Value is: 1 (number)
inDynamicEditMode      ^= true;     // Value is: 0 (number)

This is easier for me to scan than repeating the variable in each line.

This method works in all (major) browsers (and most programming languages).

edited Nov 03 '21 at 00:16

NearHuscarl

38,825
11
144
140

answered May 28 '13 at 05:14

Brock Adams

86,878
22
220
282

20

Since this recasts to an integer anyway, it can be simplified as: `bool ^= 1` – Kyle Mueller Oct 23 '13 at 16:14
56

As the value is casted to a number, you will be not able to do `bool === false` or `bool === true` anymore. It might break existing code, so be careful. – aymericbeaumet Jan 20 '14 at 09:22

score 14 · Answer 3 · answered Jul 13 '16 at 11:00

14

bool = bool != true;

One of the cases.

answered Jul 13 '16 at 11:00

Feeco

4,518
7
29
64

xameeramir · Answer 4 · 2018-01-29T12:59:05.500

11

Let's see this in action:

var b = true;

console.log(b); // true

b = !b;
console.log(b); // false

b = !b;
console.log(b); // true

Anyways, there is no shorter way than what you currently have.

edited Jan 29 '18 at 12:59

answered Jan 29 '18 at 12:52

xameeramir

25,752
22
132
205

OfirD · Answer 5 · 2021-10-06T12:54:12.027

3

I was searching after a toggling method that does the same, but which "toggles" an initial value of null or undefined to false.

Here it is:

booly = !(booly != false)

edited Oct 06 '21 at 12:54

answered Jun 11 '18 at 13:46

OfirD

7,020
2
33
68

score 1 · Answer 6 · answered Sep 20 '17 at 11:42

1

bool === tool ? bool : tool

if you want the value to hold true if tool (another boolean) has the same value

answered Sep 20 '17 at 11:42

Ardhi

2,535
20
28

score 0 · Answer 7 · answered Dec 26 '20 at 14:46

0

In a case where you may be storing true / false as strings, such as in localStorage where the protocol flipped to multi object storage in 2009 & then flipped back to string only in 2011 - you can use JSON.parse to interpret to boolean on the fly:

this.sidebar = !JSON.parse(this.sidebar);

answered Dec 26 '20 at 14:46

Grant

4,655
1
32
43

In case the variable has a different values for true/false like "Yes"/"No", I use `sidebar = (sidebar == trueValue) falseValue : trueValue;` – alans Feb 08 '21 at 22:29

score 0 · Answer 8 · answered Dec 22 '21 at 15:12

I always liked Boolean value, but nowadays I'm using binary for both convenience and debugging. You can use de consept !key : ++key: --key to toggle, and if you are in any asynchronous function or anytime an error or false true occurs, the value will leak out of 0(zero)/ 1(one) and you can trigger an alert to debug later.

How to toggle a boolean?

8 Answers8

Linked

Related