JavaScrip_조건문

11274 단어 조건문jsTILTIL

If문 (if..else)

조건문의 제어 구조 는 특정 조건이 충족되는 경우 코드 블록 만 실행하여 제어 흐름을 변경
if문은 지정한 조건이 참인 경우 명령문을 실행. 조건이 거짓인 경우 또 다른 명령문 실행

if (true) {
  console.log('This message will print!');    // Prints: This message will print!
}      
function testNum(a) {
  let result;
  if (a > 0) {
    result = 'positive';
  } else {
    result = 'NOT positive';
  }
  return result;
}

console.log(testNum(-5));   // expected output: "NOT positive"

if...else 문은 else if절을 만들기 위해 중첩이 될 수 있다.
JS에서는 elseif(한 단어) 키워드는 존재X

논리 연산자

보통 Boolin(true,false)값과 함께 쓰인다

1) the and operator (&&)

-두 조건 모두 true가 되어야 실행
두 조건중 하나만 충족한다면 false 반환및 else 실행

true  && true       // t && t returns true
true  && false      // t && f returns false
false && true       // f && t returns false
false && (3 == 4)   // f && f returns false
'Cat' && 'Dog'      // t && t returns "Dog"
false && 'Cat'      // f && t returns false
'Cat' && false      // t && f returns false
''    && false      // f && f returns ""
false && ''         // f && f returns false

2)the or operator (||)

-두 조건중 하나만 true여도 실행
명령문의 첫 번째 조건이 true면 두번째 조건은 확인되지 않음

true  || true       // t || t returns true
false || true       // f || t returns true
true  || false      // t || f returns true
false || (3 == 4)   // f || f returns false
'Cat' || 'Dog'      // t || t returns "Cat"
false || 'Cat'      // f || t returns "Cat"
'Cat' || false      // t || f returns "Cat"
''    || false      // f || f returns false
false || ''         // f || f returns ""
false || varObject // f || object returns varObject

3)the not operator (!)

-반대 값을 반환 true이면 false, false이면 true를 반환

  !true               // !t returns false
  !false              // !f returns true
  !''                 // !f returns true
  !'Cat'              // !t returns false

**연산자 우선순위

연산자가 서로에 대해 구문 분석되는 방법을 결정
우선 순위가 높은 연산자는 우선 순위가 낮은 연산자의 피연산자가 된다
-&&연산자는 ||연산자 이전에 실행

true || false && false        // true, &&연산자가 먼저 실행->true ||false = true
(true || false) && false      // false, 괄호 먼저 실행-> true && false = false

**이중not(!!)

NOT 연산자 다수를 연속해서 사용하면 아무 값이나 불리언 원시값으로 강제 변환
결과는 값의 '참스러움' 이나 '거짓스러움'에 따름

 !!true                   // !!truthy returns true
 !!{}                     // !!truthy returns true: any object is truthy...
 !!(new Boolean(false))   // ...even Boolean objects with a false .valueOf()!
 !!false                  // !!falsy returns false
 !!""                     // !!falsy returns false
 !!Boolean(false)         // !!falsy returns false

비교 연산자

조건문을 작성할 때 값을 비교하기 위해 다른 유형의 연산자를 사용해야 하는데 이러한 유형의 연산자를 비교 연산자라고 칭한다

1) <: 보다 작음

2) >: 보다 큼

3) <=: 보다 작거나 같음

4) >=: 보다 크거나 같음

5) ===: 동등하다

6)!==: 같지 않음

조건부 연산자(삼항 연산자)'?'

물음표 연산자 라고도 불리며, 기존보다 더 짧고 간결하게 변형이 가능

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/if...else
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/%EB%85%BC%EB%A6%AC_%EC%97%B0%EC%82%B0%EC%9E%90(Logical_Operators)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

좋은 웹페이지 즐겨찾기