JS-0050 · Avoid use of `==` and `!=`

Avoid use of == and != JS-0050

Anti-pattern

Minor

a year ago — a year old

Expected '===' and instead saw '=='.

128                        <div className="flex items-center justify-center space-x-2">
129                          <div
130                            className={`m-1 h-2 w-2 animate-ping rounded-full ${
131                              moderator.status == 1132                                ? "bg-orange-400"
133                                : moderator.status == 2
134                                ? "bg-green-400"

Expected '===' and instead saw '=='.

src/pages/admin/index.tsx

136                            } `}
137                          />
138                          <p className="text-gray-200">
139                            {moderator.status == 1140                              ? "Pending"
141                              : moderator.status == 2
142                              ? "Accepted"

Expected '===' and instead saw '=='.

src/pages/admin/index.tsx

138                          <p className="text-gray-200">
139                            {moderator.status == 1
140                              ? "Pending"
141                              : moderator.status == 2142                              ? "Accepted"
143                              : "Rejected"}
144                          </p>

Expected '===' and instead saw '=='.

src/pages/admin/index.tsx

130                            className={`m-1 h-2 w-2 animate-ping rounded-full ${
131                              moderator.status == 1
132                                ? "bg-orange-400"
133                                : moderator.status == 2134                                ? "bg-green-400"
135                                : "bg-red-400"
136                            } `}

Expected '===' and instead saw '=='.

src/pages/candidate/moderator.tsx

199                      <p className="flex items-end text-2xl text-gray-200">
200                        {userIsRegistered.status == 1
201                          ? "Pending"
202                          : userIsRegistered.status == 2203                          ? "Accepted"
204                          : "Rejected"}
205                      </p>

Description

It is considered good practice to use the type-safe equality operators === and !== instead of their regular counterparts == and !=.

The strict equality operators (=== and !==) use the strict equality comparison algorithm to compare two operands.

If the operands are of different types, return false.
If both operands are objects, return true only if they refer to the same object.
If both operands are null or both operands are undefined, return true.
If either operand is NaN, return false.
Otherwise, compare the two operand's values:
- Numbers must have the same numeric values. +0 and -0 are considered to be the same value.
- Strings must have the same characters in the same order.
- Booleans must be both true or both false.

The most notable difference between this operator and the equality (==) operator is that if the operands are of different types, the == operator attempts to convert them to the same type before comparing.

Bad Practice

a == b
foo == true
bananas != 1
value == undefined
typeof foo == 'undefined'
'hello' != 'world'
0 == 0
true == true
foo == null

Moltivie / the-t3-stack

Bad Practice

Recommended