Javascript ||, 일명 이것이 작동하지 않는 이유?!

JavaScript 구문 I 및 기타가 항상 작동하기를 원하지만 작동하지 않는 부분이 있습니다.

const isThisOrThat = "that" === ("this" || "that")
// this is false

왜 이것이 작동하지 않습니까? 그것에 대해 이야기합시다!

괄호 안에

연산 순서대로 하면 내부 표현식이 먼저 평가됩니다.

JavaScript에서 "this" || "that"는 무엇을 의미합니까?

솔직히 말해서, 이것은 내 수학 두뇌를 약간 망가뜨립니다. 수학에서 a || b = b || a . or 연산자는 교환 가능하므로 순서는 중요하지 않습니다. JavaScript에서는 그렇지 않습니다. 순서가 매우 중요합니다.

두 가지 예를 살펴보겠습니다.

const example = "" || "that"
// "that"

JavaScript가 가장 먼저 하는 일은 첫 번째 값의 "존재"를 확인하는 것입니다. JavaScript는 거짓 값을 확인하고 있으며 빈 문자열은 거짓입니다. 첫 번째 값이 존재하지 않으므로 두 번째 값을 반환합니다.

이는 두 번째 값도 false인 경우에도 발생합니다.

const example = "" || ""
// ""

그러면 원래 예에서와 같이 첫 번째 값이 참이면 어떻게 될까요?

const example = "this" || "that"
// "this"

example는 "this"로 평가됩니다.

평등 확인

이제 위의 표현이 작동하지 않는 이유를 깨닫기 시작합니다. 우리는 그것을 두 조각으로 나눌 수 있습니다.

const example = "this" || "that"
const isThisOrThat = "that" === example
// false

같음을 확인하는 동안 문자열"that"은 어디에도 없습니다.

이것을 이상하게 만드는 것은 순서가 중요하다는 것입니다.

const example = "that" || "this"
const isThisOrThat = "that" === example
// true

원본 또는 표현식을 뒤집으면 결과 같음 검사가 변경됩니다.

작동하는지 확인

두 문자열을 모두 확인하려면 같음을 두 번 확인해야 합니다.

const isThisOrThat = "that" === "this" || "that" === "that"
// true

또는 배열 검사를 사용할 수 있습니다. 이게 좀 더 자연스러운 느낌입니다.

const isThisOrThat = ["that", "this"].includes("that")
// true

아니면 이상하다

사람들은 값을 뒤집거나 기본값을 설정하는 등의 용도로 or 를 많이 사용합니다. 위와 같은 예 때문에 내가 가장 좋아하는 것은 아닙니다. 해당 표현식을 작성하기 시작하면 문제가 혼동될 수 있습니다.