for of문 사용법 for (변수 of iterable) { // 각 요소에 대한 코드 } 변수: 각 반복에서 현재 요소의 값을 할당하는 변수입니다. iterable: 순회 가능한 객체입니다. for of문 사용 예시 const testMap = new Map([ ['이름', '홍길동'], ['나이', 30], ['지역', '서울'] ]); for (const [key, value] of testMap) { document.write(`${key}: ${value} `); } 결과 : 이름: 홍길동 나이: 30 지역: 서울 for of문을 사용하면 내부적으로 iterator가 내장되어 있기 때문에 이 부분을 생략하고 진행이 가능합니다. const[key,value] 부분에서 map의 키, 값을 할당하고..
JavaScript
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 ..
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. foreach문 사용법 배열.forEach(function(요소, 인덱스, 배열) { // 각 요소에 대한 코드 }); 요소: 배열의 각 요소에 대한 참조. 인덱스: 현재 요소의 인덱스. 배열: forEach를 호출한 배열 자체 for문과 forEach문 비교 for..
for문 사용법 for (초기화; 조건식; 증감식) { // 반복 실행될 코드 블록 } 초기화: 반복문이 시작될 때 한 번만 실행되며, 변수를 초기화하는 부분입니다. 조건식: 각 반복마다 평가되어 참인 동안에 계속해서 반복됩니다. 조건식이 거짓이 되면 반복문이 종료됩니다. 증감식: 각 반복이 끝난 후에 실행되며, 변수를 증가 또는 감소시키는 부분입니다. for문의 실행순서 초기식 : 반복문에 사용될 변수 초기화 및 설정이 이루어집니다. 처음에 한 번 실행됩니다. 조건식 : 각 반복마다 조건이 평가됩니다. 조건이 true이면 루프 내용이 실행되고, false이면 종료됩니다. 실행 문장 : 조건이 true일 때 중괄호 { } 안의 코드 블록이 실행됩니다. 증감식 : 반복 후 실행 각 루프 내용 실행이 끝나면..
여러 개의 조건을 처리할 때 if-else문을 사용할 수도 있지만 switch문을 사용할 수도 있습니다. 스위치 문(Switch statement)은 특정 변수나 표현식의 값을 기반으로 다양한 경우(case) 중 하나를 선택하여 실행하는 조건문의 하나로써 하나의 코드만 실행한다는 뜻으로 선택문이라고도 말하기도 합니다. switch문의 장점 2가지 가독성: switch문은 여러 개의 case로 분기되어 있어서 else-if보다 가독성이 좋습니다. 특히, 비교하려는 값이 많고 조건에 만족하였을 때 실행하는 코드가 적을 때 switch문을 사용하면 코드를 깔끔하게 유지할 수 있습니다. 동등 비교 강제 : switch문에서는 기본적으로 값과 case문의 값이 '===`로 비교됩니다. 이는 자료형과 값이 모두 같..
조건문이란 ? 조건문은 조건식의 값이 참(true)인지, 거짓(false)에 따라 자바스크립트 코드를 제어하는 문법으로 조건문 if문의 경우에는 if문, else if문, else문 3가지 키워드를 사용하여 조건문은 특정 조건이 참이면 특정 코드 블록을 실행하고, 거짓이면 다른 코드 블록을 실행합니다. 특정 조건이 충족되었을 때만 특정 코드 블록을 실행하기 때문에 프로그램의 흐름을 효과적으로 제어할 수 있고, 프로그래밍적 유연성이 향상시킬 수 있습니다. if문 사용법 if (조건) { // 조건이 참일 경우 실행되는 코드 블록 } else { // 조건이 거짓일 경우 실행되는 코드 블록 } if문은 조건식을 만족(true)일때만 코드를 실행하고 조건을 만족하지 않다면 else문이 실행됩니다. 여기서 el..
do-while 문 사용법 do { // 실행될 코드 블록 } while (조건); 위의 예제는 do-while 문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 먼저 블록을 실행한 뒤 마지막에 조건이 true라면 중괄호 { } 안의 코드 블록이 다시 한번 실행되고 이를 조건이 만족하는 한 계속해서 반복합니다. ※ do-while과 while문의 차이점 while문의 경우에는 조건식의 만족 여부를 먼저 검사한 후 중괄호에 있는 코드의 실행여부를 결정하는데 비해 do while문은 반드시 한 번은 코드를 실행하고 조건식을 검사한다는 차이점이 있습니다. do-while의 실행 순서 { } 중괄호 안의 코드 블록을 실행합니다. 코드 블록이 실행된 후에 while 키워..
while문 사용법 while (조건) { // 조건이 참일 때 실행될 코드 블록 } 위의 예제는 while문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 해당 조건이 true인 동안, 중괄호 { } 안의 코드 블록이 반복해서 실행됩니다. while문의 실행 순서 조건식을 검사합니다. 만족하면 중괄호 { } 안의 코드 블록을 실행합니다. 다시 조건식을 검사합니다. while문 사용 시 주의사항 let i = 0; while (i < 5) { console.log(i); // i를 업데이트하는 부분이 빠져있으면 무한 루프에 빠질 수 있음 } while문을 사용할 때는 무한 루프에 빠지지 않도록 주의해야 합니다. 특히 비교하는 조건이 반복문 안에서 업데이트되지 않..
