[멋쟁이 사자처럼 프론트엔드 스쿨] 28일차 TIL - switch, ??, while, do-while, for, nextSibling, node, nodeType

🍰 자바스크립트 진도와 간단한 테스트 진행!

🍴 switch 문

: 복수의 if 조건문 => switch로 바꿀 수 있음. case는 일치 연산자 같이 타입까지 동일해야 함.

switch(x) {
  case 'value1':  // if (x === 'value1')
    ...
    [break]

  case 'value2':  // if (x === 'value2')
    ...
    [break]

  default:
    ...
    [break]
}

🍴 nullish 병합 연산자 '??'

: null이나 undefined인 지 아닌 지 확인함

🍴 while 문

: 조건이 true인 동안 본문이 실행됨. 무한 루프에 빠지는 것 주의!

while (condition) {
  // 코드
}

🍴 do-while 문

: 조건식이 본문 아래쪽에 위치함

do {
  // 반복문 본문
  } while (condition);

🍴 for 문

: 조건에 따라 코드를 반복적으로 실행하는 제어 흐름 문

for (begin; condition; step) {
  // ... 반복문 본문 ...
}

• begin: 반복문 진입 시 한 번 실행됨
• condition이 true인 동안 본문이 실행되고, false가 되면 반복문을 빠져나감
• step: 각 반복의 body가 실행된 후에 실행됨

🍴 nextSibling

: DOM에서 사용되는 속성. 현재 노드의 다음 형제 노드를 나타냄.

🍴 node

: 문서의 구조를 구성하는 개별 객체. 기본적으로 HTML 또는 XML 문서의 각 부분이 노드임.

🍴 nodeType

: 노드의 유형을 나타내는 속성. 각 DOM 노드에 대해 정수 값을 반환함.

주요 nodeType

• 1 (Node.ELEMENT_NODE): 요소 노드.
• 2 (Node.ATTRIBUTE_NODE): 속성 노드.
• 3 (Node.TEXT_NODE): 텍스트 노드.
• 8 (Node.COMMENT_NODE): 주석 노드.
• 9 (Node.DOCUMENT_NODE): 문서 노드.