24.10.02(continue문, 함수)

continue문

• 자바스크립트에서 반복문 내에서 사용
• 현재 반복을 건너뛰고 다음 반복으로 이동
• 반복문 내에서 특정 조건을 만족하는 경우 그 이후의 코드를 실행하지 않고 바로 다음 반복으로 넘어감

for (let i = 0; i < 5; i++) {
  if (i === 2) {
    continue;  // i가 2일 때 continue문 실행 
               // document.write(i) 건너뛰고 i가 3인경우로 넘어감
  }
  document.write(i);  // 0, 1, 3, 4 출력
}

// 1-10까지의 수 중 홀수의 합 구하기
let sum = 0;
for (let i = 1; i <= 10; i++) {
	// 나머지연산자 % 사용
	if (i % 2 == 0) { // i가 짝수일 때
		continue; // 점프(if문 벗어나서 for문 실행)
	}
	sum += i;
}
document.write(sum);

함수

• 재사용 가능한 코드 블록
• 특정 작업을 수행하거나 값을 계산할 때 사용
• 함수를 정의하고 호출함으로써 여러 번 반복되는 작업을 가난하게 처리
• 주요 특징
  • 재사용성 : 동일한 작업을 여러번 할 때 코드 중복 줄여줌
  • 모듈화 : 큰 프로그램을 여러 함수로 나누어 더 쉽게 관리 가능
  • 캡슐화 : 함수 내부의 코드는 외부에서 접근할 수 없으며, 함수 호출을 통해서만 실행됨
• 기본 구조

function functionName(parameters) {
  // 실행할 코드
  return value; // 선택 사항: 값을 반환할 때 사용
}

// function : 함수 선언 키워드
// functionName : 함수 이름
// parameters : 함수에 전달되는 값들. 함수 내부에서 변수처럼 사용됨.
// return : 함수가 호출될 때 반환할 값 지정. 반환이 없으면 undefined가 기본 반환값.

• 함수 정의와 호출 예시

// 함수 정의
// greet함수는 name이라는 매개변수를 받고, "Hello, name!"형식의 문자열 반환
function greet(name) {
  return "Hello, " + name + "!";
}

// 함수 호출
// 함수는 매번 다른 인수로 호출 가능
// greet("Alice")를 호출하면 "Hello, Alice!"가 출력
document.write(greet("Alice")); // "Hello, Alice!" 출력
document.write(greet("Bob"));   // "Hello, Bob!" 출력

• 함수 표현식
  • 자바스크립트에서 함수는 값으로 취급될 수 있어 변수에 할당 가능

const add = function(a, b) { // 익명 함수를 변수 add에 할당
							 // add를 통해 함수 호출 가능
  return a + b;
};

document.write(add(2, 3)); // 5 출력

• 매개변수 기본값
  • 함수 매개변수에 기본값 설정 가능
  • 기본값은 함수가 호출될 때 인수가 전달되지 않으면 사용

function greet(name = "Guest") {
  return "Hello, " + name + "!";
}

//greet()함수 호출 시 인수가 없으면 name은 "Guest"로 설정
document.write(greet());        // "Hello, Guest!" 출력 (기본값 사용)
document.write(greet("Alice")); // "Hello, Alice!" 출력

• 반환값
  • return문을 통해 값 반환
  • return이 없으면 undefined가 반환됨

function square(num) {
  return num * num;
}

document.write(square(4)); // square(4)를 호출하면 16 반환