TIL(2022.05.19)-[JS] 산술단항연산자 & 삼항 연산자

산술단항연산자

• 증가 연산자
• 선행 연산 : 연산을 먼저 함

let num = 10;
console.log(++num); // 11

let num1 = 10;
console.log(--num); // 9

let num2 = 10;

• 후행 연산 : 연산을 나중에 하기 때문에 값이 나중에 담김

let num4 = 10;
console.log(num4++); // 10 / 선행연산과는 다르게 값이 나중에 담기기 떄문에 여기서 console을 출력하면 10이 나온다.
console.log(num4); // 11

let num5 = 10;
console.log(num5--); // 10
console.log(num5); // 9 

삼항연산자

• 조건이 참이면 첫 번째 항이 출력되고, 조건이 false이면 두번째 항이 출력된다.
• if조건문 대신에 사용할 수 있다.

condition ? True : False

// if else 조건문 사용
const str = 'operator';

if (typeof str === 'string') {
  console.log('문자열');
} else {
  console.log('문자열이 아닙니다.')
}

// '문자열'이 출력됨

// 삼항 연산자 사용
const str1 = 1;

typeof str1 === 'string' ? console.log('문자열') : console.log('문자열이 아닙니다');
// '문자열이 아닙니다' 출력됨

if 조건문

• 조건문에 대해서는 알고 있으나, 새로운 사실을 알게 되어서 다시 정리...!
• false인 부분을 굳이 출력할 필요가 없다면 else 구문을 적지 않아도 괜찮다.
• true인 경우 출력될 부분이 한줄이라면 블록을 감싸지 않아도 된다. 하지만 여러 줄일 경우에는 블록으로 감싸주지 않으면 에러가 발생한다.

if (조건문) {
	true일 경우 출력될 부분
} else {
	false일 경우 출력될 부분
}

let userId = 'sejinee';
if (userId === 'sejinee') {
  console.log(`${userId}님 만나서 반갑습니다.`)
}

// 이런식으로 한줄로 간단한 경우에는 블록을 감싸지 않아도 된다.
let userId = 'sejinee';
if (userId === 'sejinee')
  console.log(`${userId}님 만나서 반갑습니다.`)

---

다른 것보다 산술단항연산자가 제일 헷갈린다. 앞에 붙으면 선행, 뒤에 붙으면 후행!