카테고리 없음

JavaScript 반복문 (forEach) & 조건문(If-Statement)

codi-3 2024. 7. 19. 11:20

반복문(Loop)

반복문은 특정 조건을 만족하는 동안 코드 블록을 반복적으로 실행하는 구조이며 주로 배열이나 리스트의 요소를 순회하거나 특정 횟수만큼 동일한 작업을 반복할 때 사용된다.

 

forEach사용법:

array.forEach(function(currentValue, index, array) {
    // currentValue: 현재 처리 중인 요소의 값
    // index: 현재 처리 중인 요소의 인덱스
    // array: 원본 배열 자체 (선택적)
    // 실행할 코드
});

 

예시:

let fruits = ['사과','배','감','귤']

// fruits 의 요소(element)를 하나씩 확인하여 console의 표시
// loop안 요소의 이름은 사용자가 원하는것으로 지정이가능하다
fruits.forEach((element) => {
	console.log(element)
})

조건문 (Conditional Statements)

조건문은 특정 조건이 참(True)일 때 또는 거짓(False)일 때 다른 코드 블록을 실행하도록 지시하는 구조이며 가장 일반적인 조건문은 if, else if, else이다.

if (조건) {
	// 조건에 맞다면~
} else {
	// ~가 아니라면~
}

 

예시:

let age = 24

if (age > 20) {
	console.log('성인입니다')
} else {
	console.log('청소년입니다')
}

 

위코드는 age 라는 변수의 값이 20보다 높을 경우 '성인입니다'가 출력이 되고 그렇지 않을 경우 (else) '청소년입니다' 가 출력이 된다.

 

반복문 안에 조건문을 이용하면 더욱 효과적인 리스트 서칭 밑 활용이 가능하다!

let ages = [12,15,20,25,17,37,24]

ages.forEach((a)=> {
	if (a > 20) {
		console.log('성인입니다')
	} else {
		console.log('청소년입니다')
	}
})

 

위에 코드에서는 forEach loop 안에 리스트의 변수 (a)가 들어간 뒤 IF-STATEMENT 내부에서 만약 변숫값 a 가 20 보다 높을 경우 '성인입니다'라고 출력되며 아닐 경우(else) '청소년입니다'라고 출력한 뒤 age 리스트 속 다음 순서의 변수를 반복문으로 집어넣어 준다.