자바스크립트 연산자

1. 연산자

1)할당 연산자

const a = 1;
console.log(a); // 1

2)비교 연산자 : 비교 연산자는 피연산자를 서로 비교하고, 비교 결과가 참인지에 따라 논리 값을 반환

a === b, a!==b, a > b, a <= b

3)산술 연산자 : 더하기(+), 빼기(-), 곱하기(*), 나누기(/)

4)비트 연산자 : 32개 비트의 집합으로 취급합니다. 예를 들어, 10진수 9는 2진수 1001로 나타냅니다. 비트 연산자는 이러한 이진법 표현에 대해 연산을 수행하지만, 반환할 땐 JavaScript 표준 숫자로 반환합니다.

5)논리 연산자 : (&&) (||) (!)

논리 연산자는 참과 거짓을 반환한다.

- AND(그리고) 연산자

a && b

데이터가 둘 다 참이면 true 반환
연산자를 기준으로 가장 먼저 만나는 거짓 데이터 반환
const f = true
const g = true

if(f && g){
  console.log('둘다 참이면 실행됩니다.')
}

** 주의 **
// 연산자를 기준으로 가장 먼저 만나는 거짓 데이터가 반환된다.
console.log(true && false) // false : 거짓데이터 반환
console.log(1 && 0) // 0 : 거짓데이터 반환
console.log(1 && 2 && 0) // 0
console.log(1 && 0 && 2) // 0 : 거짓데이터 반환 후 종료
console.log('A' && 'B' && '') // <empty string>
console.log('A' && 'B' && 'C') // C : 모두가 참이라면 마지막 데이터가 반환
- OR(또는) 연산자

a || b

데이터가 둘중 하나만 참이면 true 반환
연산자를 기준으로 가장 먼저 만나는 참 데이터 반환
const h = false
const i = true

if(h || i) {
    console.log('둘중 하나만 참이면 실행됩니다.')
}

** 주의 **
// 연산자를 기준으로 가장 먼저 만나는 참 데이터가 반환된다.
console.log(false || true) // true
console.log(0 || 1) // 1
console.log(false || 0 || {}) // 빈 객체데이터는 참이기 때문에 {} 반환
console.log(false || [] || null) // 빈 배열은 참이기 때문에 [] 반환 후 종료
console.log(function () || undefined || '') // 함수 데이터는 참이기 때문에 f () {} 반환 후 종료
console.log(false || 0 || NaN) // 모두가 거짓이라면 마지막 데이터가 반환

6)문자열 연산자 : 문자열에 사용할 수 있는 비교 연산자들 외에도, 문자열 연결(+) 연산자는 두 문자열의 값을 서로 연결한 새로운 문자열을 반환
console.log("나만의 " + "문자열"); // 콘솔에 "나만의 문자열"을 기록

7)조건 (삼항) 연산자 : condition ? val1 : val2;
만약 condition이 참이라면, 조건 연산자는 val1을 반환하고, 그 외에는 val2를 반환합니다. 다른 연산자를 사용할 수 있는 곳이라면 조건 연산자도 사용할 수 있습니다.
var status = age >= 18 ? "성인" : "미성년자";
위의 명령문은 age가 18 이상이라면 status 변수에 "성인"을 할당하고, 그렇지 않으면 "미성년자"를 할당합니다.

8)쉼표 연산자
9)단항 연산자 : x++ , ++x
10)관계 연산자:피연산자를 서로 비교하고, 비교 결과가 참인지에 따라 불리언 값을 반환

 

참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators 

표현식과 연산자 - JavaScript | MDN