[Javascript] 연산자

여정이·2023년 7월 13일

자바스크립트

목록 보기
3/8
post-thumbnail

스파르타 코딩강의 : JavaScript 문법 종합반 1주차 - 연산자


✨ 이번 글에서 사용할 주요 기능

  • 산술 연산자 : + , - , *, / , %
  • 할당 연산자 : =, +=, -=. *=, /=. %=
  • 비교 연산자 : ===. !==, <, >, <=, >=
  • 논리 연산자 : &&, ||, !
  • 삼항 연산자 : ?

산술 연산자

//더하기 +
console.log(1+1)
console.log(1+"1")

//빼기 -
console.log(2-1)
console.log(1-"2")

//곱하기 *
console.log(2*3)
console.log("2"*3)

//나누기 /
console.log("4"/2)
console.log(4/2)

//나머지 %
console.log(10%3)
console.log(10/3)

출력 결과


할당 연산자


//할당연산자 (assignment)
let x = 10
console.log(x)

//더하기 등호 연산자 (+=)
x+=10 //x에 10을 더한다
console.log(x)

//빼기 등호 연산자 (-=)
x-=5 //x = x-5
console.log(x)

//곱하기 등호 연산자 (*=)
let a  = 10
a*=2
console.log(a)

출력 결과


비교 연산자

//비교 연산자 -> true or false
//1. 일치 연산자 (===), 타입까지 일치해야 true를 반환함
console.log(2===2)
console.log("2"===2)
console.log(1===2)


//불일치 연산자 (!==), 타입까지 일치해야 false를 반환함
console.log(2 !== 2)
console.log("2" !== 2)
console.log(1 !== 2)


//<, >
console.log(2>3)
console.log(2<3)
console.log(2<=3)
console.log(3<=3)

출력 결과


논리 연산자

//논리 연산자
//논리곱 연산자 && : 둘 다 true일 때만 true 반환
console.log(true &&true)
console.log(true && false)
console.log(false && true)
console.log(false && false)

//논리합 연산자 || : 둘 중 하나라도 true이면 true 반환
console.log(true || true)
console.log(true || false)
console.log(false || true)
console.log(false || false)


//논리부정 연산자 ! : 논리값을 반대로 바꿈
console.log(!true)
console.log(!false)
let b = true
console.log(!b)

출력 결과


삼항 연산자

//삼항 연산자 : 조건에 따라 값을 선택한다
let z = 10
let result = x>5? "크다" : "작다" //x가 5보다 크면 result에 크다 할당, 작으면 작다 할당
console.log("------------")
console.log(result)

let z2 = 20
let result2 = z2 <10? "작다": "크다"
console.log(result2)

출력 결과

0개의 댓글