JavaScript 실력을 올려줄 다양한 지식들 part 4

2024. 9. 26. 21:31·Daily Logs/TIL (Today I Learned)

 

요약

  • 조건문: if, else if, else, switch
  • 반복문: for, while, do...while, for...of, for...in
  • 기타 제어문: break, continue, 삼항 연산자, try...catch
  • 비동기 처리: async/await, Promise

    오늘은 반복문에 관하여 적어 보겠습니다.
    1-1 기본적인 for 문 
for (let i = 0; i < 10; i++) {
  console.log(i);
}


1-2 배열과 함께 사용하는 for문

let numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}// 배열의 요소만큼 반복하여 실행

1-3 for ... in 문 

let person = { name: "John", age: 30, gender: "male" };

for (let key in person) {
  console.log(key + ": " + person[key]);
}

//name: John
//age: 30
//gender: male 출력

1-4 for ... of 문 

const array = [10, 20, 30, 40];

for (let value of array) {
  console.log(value);
}
//10
//20 
//30
//40 

const str = "hello";

for (let char of str) {
  console.log(char);
}

//h 
//e 
//l 
//l
//o 

const set = new Set([100, 200, 300]);

for (let value of set) {
  console.log(value);
}

//100
//200
//300




2 while 문 

let i = 0;

while (i < 10) {
  console.log(i);
  i++;
}

//조건이 참인경우 반복해서 실행 0 1 2 ...9 까지 실행

 

3. do.while문

let i = 0;

do {
  console.log(i);
  i++;
} while (i < 10);

// 코드를 한번 실행하고 그 후 에 조건식을 체크하여 반복여부 결정
// do 블록안에 코드가 무조건 한 번 실행됩니다.
// 결과 마찬가지로 0 1 2 ...9



요약 하자면 

for 문은 반복 횟수가 정해져 있을 때 사용하고 
초기값 , 조건식 ,증감식을 명시하여 반복합니다.

while 문은 조건이 참일 때 까지 반복하고 
조건이 true 일때 계속 실행합니다. 조건을 먼저 평가합니다.

do...while 문은 최소 한 번은 실행하고 조건이 참일 때까지 반복합니다.
한 번은 반드시 실행 후 조건을 평가합니다

for...of 뮨운 배열,문자열,이터러블 객체의 값을 순회합니다.
배열이나 이터러블 객체의 값을 반환합니다

for...in 문은 객체의 속성(키)또는 배열의 인덱스를 순회할때 사용합니다
객체의 키 또는 배열의 인덱스를 반환합니다

 

'Daily Logs > TIL (Today I Learned)' 카테고리의 다른 글

메모리(Memory)란 ?  (1) 2024.10.08
JavaScript 실력을 올려줄 다양한 지식들 part 5  (1) 2024.09.30
JavaScript 실력을 올려줄 다양한 지식들 part 3  (2) 2024.09.25
JavaScript 실력을 올려줄 다양한 지식들 part 2  (5) 2024.09.24
JavaScript 실력을 올려줄 다양한 지식들 part 1  (2) 2024.09.23
'Daily Logs/TIL (Today I Learned)' 카테고리의 다른 글
  • 메모리(Memory)란 ?
  • JavaScript 실력을 올려줄 다양한 지식들 part 5
  • JavaScript 실력을 올려줄 다양한 지식들 part 3
  • JavaScript 실력을 올려줄 다양한 지식들 part 2
Jcob.moon
Jcob.moon
반가워요~ 하루하루 꾸준히 코딩 작성하는 곳입니다 !!
  • Jcob.moon
    Pixelated Thoughts
    Jcob.moon
  • 전체
    오늘
    어제
    • HelloWorld (178)
      • Daily Logs (126)
        • TIL (Today I Learned) (65)
        • Algorithm Practice (55)
        • Dev Book Notes (6)
      • Deep Dives (36)
        • 문제 해결 (Troubleshooting) (3)
        • CS Fundamentals (22)
        • Career Prep (4)
        • Technical Notes (7)
      • Project Log (7)
      • Any (3)
      • Cooperation (5)
        • Github (2)
        • Conventions (1)
        • Git (1)
        • Postman (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.3
Jcob.moon
JavaScript 실력을 올려줄 다양한 지식들 part 4
상단으로

티스토리툴바