DEV Community

JavaScript OR Assignment Operator

Adam Roynon on February 09, 2020

In JavaScript, there may be times when you want to assign one variable to a non-null value. The JavaScript OR assignment operator can be used to qu...

Read full post

Ruben Swieringa • May 7 '20

You’re talking about the regular OR-operator; the OR assignment-operator doesn’t exist in Javascript (unfortunately)

let a, b;
a = null || "something"; // OR-operator only returns
b ||= "something"; // OR assignment-operator assigns if variable is falsy

Adam Roynon • May 7 '20

I consider the standard or operator the one used in if statement, for boolean logic. Then the or assignment operator being used to assign values to variables (assign this value, if its falsey assign this value instead). I could be completely wrong in my phrasing, but I think it makes a nice distinction between the two use cases

Ruben Swieringa • May 11 '20

You can consider a melon a nail when you hit it with a hammer, but it’s not going to make sense to anybody.

I’m afraid the long and short of it is just that the OR-assignment operator (||=) is not the OR-operator (||), sorry man.

Adam Roynon • May 11 '20

Okay, thanks for the clarification

stefanovualto • Feb 9 '20

You should replace "null" / "null or undefined" by "falsy".

And also have a look at the "??" operator.

Keep writing it is a good way to improve!

Adam Roynon • Feb 9 '20

Yeah, you're correct, it is a "falsely" value that is evaluated, I didn't want to make this post too complicated, but great to mention this for the curious readers. Thanks

I am not sure what you mean by "??" operator, I have written a post on the ternary operator and I plan to write a post about the optional chaining operator ('?.') in the future.

stefanovualto • Feb 9 '20

Here is the related documentation:

developer.mozilla.org/en-US/docs/W...

Adam Roynon • Feb 9 '20

Thanks, it seems like a more strict version of the OR assignment operator. Perhaps I shall create a post comparing the two

stefanovualto • Feb 9 '20

I think that you should point out the differences between falsy values (cf. developer.mozilla.org/en-US/docs/G...) and null/undefined checks (with ??). I think that will add value to your post.

Adam Roynon • Feb 9 '20

I think I shall leave this post as it is for now and cover the falsy values and the coalescing operator in separate posts, thank you for the feedback and ideas

Adam Roynon • Feb 9 '20

Great stuff, do you think my explanation in this post is good?

Adam Roynon • Feb 9 '20

Okay thank you