[javascript] / 와 | , || , && 의 차이점 (비트, 논리 연산자)

1. / (슬래시)

: 자바스크립트에서 주로 정규 표현식을 작성하거나, 나눗셈 연산을 수행할 때 사용됩니다.
정규 표현식에서 /로 감싸진 패턴은 해당 패턴과 일치하는 문자열을 찾거나 변형하는 데 사용됩니다. 예를 들어, 'INCREMENT/DECREMENT'는 슬래시를 사용하여 'INCREMENT'와 'DECREMENT' 두 가지 값을 표현하는 문자열입니다.

INCREASE = 'INCREMENT/DECREMENT' // 문자열 분리 연산자

2. | (파이프)

: 자바스크립트에서 비트 연산자로 사용되며, 비트 단위 OR 연산을 수행합니다.
이진수로 표현된 두 개의 비트열을 비교하여 대응하는 비트 위치에서 하나 이상의 비트가 1인 경우 1을 반환합니다. 예를 들어, 5 | 3은 이진수로 101 | 011를 계산하여 111을 반환합니다.
또한, |는 타입스크립트에서 유니온 타입(Union Type)을 정의할 때 사용됩니다. 유니온 타입은 둘 이상의 타입 중 하나를 나타내는 타입입니다. 예를 들어, type Action = IncreaseAction | SetUserAction에서 |는 Action 타입이 IncreaseAction 또는 SetUserAction 둘 중 하나를 가질 수 있음을 나타냅니다.

type Action = IncreaseAction | SetUserAction // 'IncreaseAction' or 'SetUserActio'

3. || (논리 OR)

: 논리 OR 연산자로, 논리적인 OR 연산을 수행합니다.
첫 번째 피연산자가 true로 평가되면, 두 번째 피연산자를 평가하지 않고 true를 반환합니다.
첫 번째 피연산자가 false로 평가되면, 두 번째 피연산자를 평가하고 그 결과를 반환합니다.

const name = "";
const displayName = name || "Anonymous";
console.log(displayName); // 출력 결과: "Anonymous"

4. && (논리 AND)

: &&는 두 개의 피연산자 중 하나 이상이 false로 평가되면 false를 반환하고, 모든 피연산자가 true로 평가되면 true를 반환합니다.
첫 번째 피연산자가 false로 평가되면, 두 번째 피연산자는 평가하지 않고 false를 반환합니다.
&& 연산자는 조건문에서 주로 사용되며, 모든 조건이 참일 때만 실행해야 할 때 유용합니다.

"/" 는 분리 기호 및 나눗셈 연산자, "|" 는 비트 단위 OR 연산자 및 유니온 타입 정의에 사용되며, "||" 는 논리 OR 연산자로 논리적인 조건 평가에 사용됩니다. 이들 연산자는 각각 다른 목적과 사용 방식을 가지고 있으므로 올바른 문맥에서 사용되어야 합니다.