Front End/JavaScript

조건문과 반복문

조건문 (Conditional)

어떠한 조건을 판별하는 기준을 만드는 것이며 조건문에는 반드시 비교 연산자(Comparison operator)가 필요하다.

비교 연산자

3 > 5; // false
4 >= 4; // true
9 < 10; // true
8 <= 7 // false
'hello' === 'world'; // false
'hello' !== 'world'; // true
⚠️
동등 연산자인 ==!=는 같음을 판단하는 조건의 범위가 넓고 예외 케이스가 많기 때문에 실질적인 비교와 사용이 어려우므로 사용을 지양해야 함.

조건문 사용법

if (조건1) {
	// 조건1이 통과 할 경우
} else if (조건2) {
	// 조건1이 통과 하지 않고
  // 조건2가 통과할 경우
} else {
	// 모든 조건이 통과하지 않는 경우
}
  • 조건에는 boolean으로 결과가 나오는 표현식이 들어간다.

논리 연산자

  • 두가지 조건을 모두 통과해야 하는 조건문을 만들 때 사용한다.
    • && : AND 두 조건을 모두 만족해야만 true ex) 학생이면서, 여성일 때 통과 isStudent && isFemale
    • || : OR 두 조건 중 하나만 만족해도 true ex) 학생이거나, 여성일 때 통과 isStudent || isFemale
    • ! : NOT 조건 앞에 붙이면 truthy, falsy 여부를 반전시킨다. ex) 학생이 아니면서, 여성일 때 통과 !isStudent && isFemale

truthy, falsy?

  • 참 같은 값, 거짓 같은 값을 의미하며 undefined, string 등 비교 연산을 통한 boolean이 나오지 않지만 true, false 의 값을 기대 할 수 있는 것을 의미
    • 기억해야 할 6가지 falsy 값 false, null, undefined, 0, NaN, ‘’ 이 외에는 대부분 truthy 값이다.

Uploaded by N2T