Javascript 파헤치기 2번째

2025. 1. 17. 16:25·언어/Javascript
목차
  1. 🔗 논리연산자
  2. 📍 AND(&&)
  3. 📍 OR(||)
  4. 📍 NOT(!)
  5. 🔗 조건문
  6. 🧩 if 문
  7. 🫧 단일 if문
  8. 🫧 if-else문
  9. 🫧 if-else if문
  10. 🫧 중첩 if문
  11. 🧩 동등 비교, 엄격한 동등 비교
  12. 🧩 switch문
  13. 🔗 반복문
  14. 🧩 for
  15. 🧩 while
  16. 🧩 do-while
  17. 🔗 break, continue
  18. 🔗 레이블
  19. ✈️ 출처

🔗 논리연산자

📍 AND(&&)

  • ~이고, ~이면서
  • 하나라도 거짓이면 거짓

📍 OR(||)

  • ~이거나, 또는, ~일수도, ~중의 하나이면
  • 하나라도 참이면 참

📍 NOT(!)

  • ~가 아닌
  • 참이면 거짓, 거짓이면 참

    
document.write(!(10 > 20) || 10 < 20); // !(false) or false = true
document.write(10 >= 20 && !(10 <= 20)); // false and !(true) = false

 

🔗 조건문

주어진 조건식이 참이면 작업을 수행

🧩 if 문

🫧 단일 if문


    
if (조건1) {
document.write("if");
}

 

🫧 if-else문


    
// if문이 참이면 if문 수행, 거짓이라면 else 수행
if (조건1) {
document.write("if");
}
else {
document.write("else");
}

 

🫧 if-else if문


    
// if-> else if -> else 순서로 조건식을 확인하고, 참이 되는 조건식을 만나면 해당 작업을 수행
if (조건1) {
document.write("if");
}
else if (조건2) {
document.write("else-if");
}
else {
document.write("else");
}

 

🫧 중첩 if문


    
// 양파껍질 벗기듯 바깥 조건식부터 확인하며 거짓일때까지 안으로 들어감
if (조건1) {
// 조건1이 참이면 이 부분으로 들어와 다음 조건식을 확인가능
if (조건2) {
// 조건1과 조건2가 모두 참이면 해당 작업을 수행
document.write("중첩 if문");
}
else {
document.write("else");
}
}

🧩 동등 비교, 엄격한 동등 비교


    
10 == "10" // 값만 비교하기 때문에 "참"이 나옴 (동등 비교)
10 === "10" // 값뿐만 아니라 타입도 비교하기 때문에 "거짓"이 나옴 (엄격한 동등 비교)
10 === 10 // 값과 타입이 동일하므로 "참"이 나옴

🧩 switch문

여러 case들 중에서 만족하는 case에 해당하는 작업을 수행

    
let n = Number(prompt("숫자를 입력해주세요"));
switch (n) {
case 1: // n이 1인 경우
document.write("1입니다.");
break;
case 2: // n이 2인 경우
document.write("2입니다.");
break;
default: // 이외의 경우
document.write("나머지값입니다.");
}

    
let n = Number(prompt("숫자를 입력해주세요"));
switch (n) {
case 1: // n이 1인 경우
document.write("1입니다.");
break;
case 2: // n이 2인 경우
document.write("2입니다.");
//break;
// break이 없으면 밑에 조건들이 만족하지 않더라도 case 2를 만족할 때 아래 작업들이 모두 수행됨
default: // 이외의 경우
document.write("나머지값입니다.");
}

 

🔗 반복문

🧩 for


    
for(초기화 ; 조건식 ; 증감문) {
조건이 참이면 수행되는 반복적인 실행문
}

 

🚀 수행 순서

2번 단계에서 false가 되면 빠져나옴
초기화(1) -> 조건식(2) -> 실행문(3) -> 증감문(4)


    
for (let i = 0; i < 5; i++) {
document.write(i + "<br />");
}

🧩 while


    
while(조건식) {
조건이 참이면 수행되는 반복적인 실행문
}

 

🚀 수행순서

조건식이 거짓이 될때까지 계속 반복해서 수행함
조건식(1) -> 실행문(2) 

    
let n = 2;
while(n != 0){
document.write("while문");
n--;
}

 


🧩 do-while


    
do {
조건이 참이면 수행되는 반복적인 실행문
} while(조건식)

 

🚀 수행순서

while과 동작 방식은 거의 유사하지만, 조건식보다 실행문이 먼저 수행되어 조건식이 참이 아니더라도 최소 1번은 실행문이 수행됨
실행문(1) -> 조건식(2)

    
let n = 0;
do{
document.write("do-while문");
n++;
} while(n < 3)

 

🔗 break, continue

break
해당 반복문(for, while), switch문을 종료

continue
해당 회차(loop)를 건너뛰고 증감문으로 이동


    
for (let i = 0; i < 10; i++) {
if ([1, 3, 5].includes(i)) continue; //i가 1,3,5 일때 더이상 밑에 작업들을 수행하지 않고 다음 loop로 넘어감
else if (i == 7) break; // i가 7이되면 더이상 for문을 수행하지 않고 빠져나옴
document.write(`i: ${i} <br />`);
}

 

🔗 레이블

한번에 중첩 반복문을 빠져나오고 싶을 때 활용


    
loop1: for(let i = 0 ; i < 5 ; i++) {
for (let j = 0 ; j < 5 ; j++) {
document.write(`i:${i}, j:${j}`);
break loop1; // 바로 두 for문을 빠져나와버림
}
}

 

✈️ 출처

한국경제신문 x 토스뱅크 풀스택 훈련

'언어 > Javascript' 카테고리의 다른 글

Javascript 파헤치기 5번째  (0) 2025.01.22
Javascript 파헤치기 4번째 - ES6 문법  (2) 2025.01.21
Javascript 파헤치기 3번째  (2) 2025.01.20
Javascript 파헤치기 1번째  (1) 2025.01.16
  1. 🔗 논리연산자
  2. 📍 AND(&&)
  3. 📍 OR(||)
  4. 📍 NOT(!)
  5. 🔗 조건문
  6. 🧩 if 문
  7. 🫧 단일 if문
  8. 🫧 if-else문
  9. 🫧 if-else if문
  10. 🫧 중첩 if문
  11. 🧩 동등 비교, 엄격한 동등 비교
  12. 🧩 switch문
  13. 🔗 반복문
  14. 🧩 for
  15. 🧩 while
  16. 🧩 do-while
  17. 🔗 break, continue
  18. 🔗 레이블
  19. ✈️ 출처
'언어/Javascript' 카테고리의 다른 글
  • Javascript 파헤치기 5번째
  • Javascript 파헤치기 4번째 - ES6 문법
  • Javascript 파헤치기 3번째
  • Javascript 파헤치기 1번째
뭐든 고민보다 해보자
뭐든 고민보다 해보자
배운 것들을 누구든 이해하기 쉽게 정리해보고자 합니다!
  • 뭐든 고민보다 해보자
    ZOO
    뭐든 고민보다 해보자
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 모든 글 16
      • 언어 5
        • Javascript 5
        • Typescript 0
        • Java 0
      • CS 0
        • Algorithm 0
      • 프론트엔드 9
        • HTML 3
        • CSS 6
      • 백엔드 0
        • Spring 0
      • 데이터베이스 0
      • AWS 0
      • ETC 2
  • 링크

    • Github
    • Linkedin
  • 블로그 메뉴

    • 태그
    • 방명록
  • 인기 글

  • 최근 글

  • 태그

    전개(spread) 연산자
    태그
    기본 매개 변수
    이멧 문법
    emmet 문법
    secure
    한국경제신문 x 토스뱅크 풀스택 훈련
    로그인 토큰
    css 중급
    자바스크립트 내장 객체 제어
    반응형
    Css기초
    html
    dom 제어 함수
    쿠키
    key-value 객체
    문자열 제어 함수
    javascript
    HTML/CSS
    자바스크립트
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.1
뭐든 고민보다 해보자
Javascript 파헤치기 2번째

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.