TIL 01 | JavaScript Basics (1)

1) 산술연산자(Arithmatic Operator)

기본적인 산술연산자 (+ = * / % ) 를 이용하여 산술 계산을 할 수 있다.

console.log(1 + 2) // 3
console.log(5 - 7) // -2
console.log(3 * 4) // 12
console.log(10 / 2) // 5.0
console.log(10 % 3) // 1

2) 할당 연산자 (assignment operator)

기호 = 을 활용하여 변수에 값을 할당한다.

const a = 2
let b = 2
b = b + 1 // b += 1

console.log(a) // 2
console.log(b) // 3

3) 비교 연산자 (comparison operator)

기호 ===을 활용하여 변수에 값을 비교한다.

const c = 1
const d = 1

console.log(c===d)   // true

function isEqual(x, y){
  return x === y
}
console.log(isEqual(1,1))   // true
console.log(isEqual(2,'2'))   // false 
// 기호 ==와  ===는 다르다. ==의 경우 2와 '2'가 같다고 판단.
// 확한 비교를 위해서 === 사용이 권장된다. ==의 경우 의도하지 않은 에러 발생 가능성이 있다.

console.log(c !== d)   // false
console.log(c < d)   // false

4) 논리 연산자(logical operator)

&&은 and, ||는 or 와 같다.
&&은 false가 하나라도 있으면 false, ||는 true기 하나라도 있으면 True 이다.

const e = 1 === 1 
const f = 'AB' === 'AB' 
const g = false

console.log(e)   // true
console.log(f)   // true
console.log(g)   // flase

console.log ('&& :', e && f && g)   // && : false
console.log ('|| :', e || f || g)   // || : true
console.log ('! :', !e)   // ! : false

5) 삼항 연산자 (ternary operator)

자바스크립트 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다.
삼항연산자는 조건문 ? 선택문1:선택문2 로 구성된다.
조건문이 참이면 선택문1을 실행하고, 조건문이 거짓이면 선택문 2를 실행한다.

const h = 1 > 2

console.log (h ? '참' : '거짓') // h가 true면 참, false면 거짓

// 위 삼항연산자를 if문으로 바꾸면 아래와 같다.
if (h) {
  console.log('참')
} else {
  console.log('거짓')
}