Javascript의 반복문과 함수

반복문

반복문은 주어진 조건에 따라 코드 블록을 여러 번 실행할 수 있도록 하는 구문입니다. for, while, do-while과 같은 반복문을 사용하면 반복 작업을 간결하고 효율적으로 처리할 수 있습니다.

for 반복문

for 반복문은 반복 횟수가 정해져 있을 때 주로 사용됩니다.

// 학생 점수의 평균을 계산하는 코드
const scores = [85, 90, 78, 92, 88];
let totalScore = 0;

for (let i = 0; i < scores.length; i++) {
  totalScore += scores[i];
}

const averageScore = totalScore / scores.length;
console.log(`평균 점수는 ${averageScore}점 입니다.`);

while 반복문

while 반복문은 조건이 true인 동안 계속 실행됩니다.

// 숫자 맞추기 게임
let correctNumber = 7;
let guess = 0;

while (guess !== correctNumber) {
  guess = parseInt(prompt('숫자를 맞춰보세요 (1~10):'), 10);
  if (guess !== correctNumber) {
    console.log('틀렸습니다! 다시 시도하세요.');
  }
}

console.log('정답입니다!');

do-while 반복문

do-while 반복문은 조건과 상관없이 최소 한 번은 실행됩니다.

// 사용자 이름 입력
let userName;

do {
  userName = prompt('이름을 입력하세요:');
} while (!userName);

console.log(`환영합니다, ${userName}님!`);

함수

함수는 재사용 가능한 코드 블록입니다. 특정 작업을 수행하거나 값을 반환합니다.

함수의 정의와 호출

// 간단한 인사 함수
function greet(name) {
  console.log(`안녕하세요, ${name}님!`);
}

greet('민수'); // 출력: 안녕하세요, 민수님!

매개변수와 반환값

함수는 매개변수를 받아 계산하거나 작업을 수행하고, 결과를 반환할 수 있습니다.

// 두 숫자의 합을 반환하는 함수
function addNumbers(num1, num2) {
  return num1 + num2;
}

const result = addNumbers(10, 20);
console.log(`두 숫자의 합: ${result}`); // 출력: 두 숫자의 합: 30

매개변수의 기본값

매개변수에 기본값을 지정할 수 있습니다.

// 디폴트 메시지를 포함한 환영 함수
function welcome(user = '게스트') {
  console.log(`환영합니다, ${user}님!`);
}

welcome(); // 출력: 환영합니다, 게스트님!
welcome('영희'); // 출력: 환영합니다, 영희님!

화살표 함수

ES6에서 도입된 화살표 함수(arrow function)는 간결한 함수 표현 방법입니다.

기본 문법

const multiply = (a, b) => a * b;

console.log(multiply(4, 5)); // 출력: 20

블록을 포함한 화살표 함수

블록이 필요한 경우에는 중괄호와 return 키워드를 사용합니다.

const calculateArea = (width, height) => {
  const area = width * height;
  return area;
};

console.log(calculateArea(5, 10)); // 출력: 50

화살표 함수의 this 바인딩

화살표 함수는 자신의 this를 가지지 않고 상위 스코프의 this를 사용합니다.

// 일반 함수와 화살표 함수의 차이
function Person(name) {
  this.name = name;
}

Person.prototype.sayName = function () {
  setTimeout(function () {
    console.log(`내 이름은 ${this.name}입니다.`); // undefined
  }, 1000);

  setTimeout(() => {
    console.log(`내 이름은 ${this.name}입니다.`); // '철수'
  }, 1000);
};

const person = new Person('철수');
person.sayName();