자바스크립트 함수(Function)와 배열(Array)

🔍 자바스크립트 함수(Function)와 배열(Array) 기초 정리

자바스크립트를 공부하면서 꼭 알아야 할 두 가지 개념이 있습니다. 바로 함수와 배열입니다.

---

📌 함수(Function)란?

함수는 하나의 작업을 수행하도록 설계된 코드 묶음입니다. 반복적으로 사용할 수 있어서 코드의 재사용성을 높여줍니다.

✅ 함수 선언 방법

function sayHello() {
  console.log("안녕하세요!");
}

위 코드는 sayHello라는 함수를 정의한 것입니다. 호출하려면 아래처럼 사용합니다:

sayHello(); // 출력: 안녕하세요!

✅ 매개변수와 반환값

function add(a, b) {
  return a + b;
}

let result = add(3, 5); // result는 8

• a와 b는 매개변수(Parameter)입니다.
• return은 결과를 반환합니다.

✅ 함수 표현식 (익명 함수)

const multiply = function(x, y) {
  return x * y;
};

console.log(multiply(2, 4)); // 출력: 8

✅ 화살표 함수 (Arrow Function)

const divide = (a, b) => a / b;
console.log(divide(10, 2)); // 출력: 5

---

📌 배열(Array)란?

배열은 여러 개의 값을 하나의 변수에 저장할 수 있게 해주는 자료형입니다.

✅ 배열 생성

let fruits = ["사과", "바나나", "오렌지"];

✅ 배열 요소 접근

console.log(fruits[0]); // 출력: 사과
console.log(fruits[1]); // 출력: 바나나

인덱스는 0부터 시작합니다.

✅ 배열 길이 확인

console.log(fruits.length); // 출력: 3

✅ 배열 메서드 활용

fruits.push("포도"); // 마지막에 추가
console.log(fruits); // ["사과", "바나나", "오렌지", "포도"]

fruits.pop(); // 마지막 요소 제거
console.log(fruits); // ["사과", "바나나", "오렌지"]

fruits.includes("바나나"); // true 반환

✅ 배열 반복

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

// 또는 for...of 문
for (let fruit of fruits) {
  console.log(fruit);
}

---

✨ 마무리

함수는 코드를 효율적으로 재사용할 수 있게 도와주며, 배열은 여러 값을 체계적으로 관리할 수 있게 해줍니다.