배열 기초 다지기 [ ]

1. 배열의 기본 개념

배열은 여러 개의 데이터를 하나의 변수에 저장할 수 있는 데이터 구조입니다.

각 데이터는 인덱스를 통해 접근할 수 있으며, 인덱스는 0부터 시작합니다.

 

 

---

 

2. 배열 생성 방법

배열은 여러 가지 방법으로 생성할 수 있습니다:

• 리터럴 방식: let arr = [1, 2, 3];
• Array 생성자 사용: let arr = new Array(1, 2, 3)

 

---

 

3. 데이터 추가 (push)

• push 메서드는 배열의 끝에 새 데이터를 추가합니다.

let arr = [1, 2, 3];
arr.push(4); // 배열 끝에 4 추가
console.log(arr); // [1, 2, 3, 4]

 

4. 데이터 제거 (pop)

• pop 메서드는 배열의 끝에서 데이터를 제거하고, 제거된 값을 반환합니다.

let arr = [1, 2, 3];
let removed = arr.pop(); // 마지막 데이터 제거
console.log(arr); // [1, 2]
console.log(removed); // 3 (제거된 값)

 

5. forEach란?

• forEach는 배열의 **각 요소를 하나씩 반복(iterate)**하면서 작업을 수행할 수 있게 도와주는 메서드입니다.
• 반복하면서 배열의 현재 요소, 인덱스, 전체 배열을 콜백 함수로 전달받습니다.

forEach`를 이용하여 배열을 순회하며 데이터를 출력하는 예제를 작성

let fruits = ["apple", "banana", "cherry"]; // 배열 선언

// forEach를 사용하여 배열 순회
fruits.forEach((fruit, index) => {
    console.log(`인덱스 ${index}: ${fruit}`);
});

 결과

인덱스 0: apple
인덱스 1: banana
인덱스 2: cherry

 

forEach 메서드 사용:
fruits.forEach는 배열의 각 요소(fruit)를 차례로 반복

• fruit: 현재 요소 (예: "apple", "banana", "cherry").
• index: 현재 요소의 위치 (0, 1, 2).

forEach() 콜백 함수의 매개변수

forEach 메서드에 전달되는 콜백 함수는 최대 3개의 매개변수를 받을 수 있습니다:

1. 현재 요소 (필수)
   • 배열에서 현재 순회 중인 요소를 나타냅니다.
   • 반드시 포함해야 합니다.
   • 예: element
2. 인덱스 (선택)
   • 현재 요소의 배열 내 위치를 나타냅니다.
   • 필요할 때만 사용합니다.
   • 예: index
3. 전체 배열 (선택)
   • 현재 순회 중인 배열 전체를 나타냅니다.
   • 거의 사용되지 않지만, 특정 경우 유용할 수 있습니다.
   • 예: array

변수 3개를 사용하는 경우

요소, 인덱스, 전체 배열이 필요할 때:

let fruits = ["apple", "banana", "cherry"];
fruits.forEach((fruit, index, array) => {
    console.log(`현재 배열: ${array}`);
    console.log(`인덱스 ${index}: ${fruit}`);
});
// 출력:
// 현재 배열: apple,banana,cherry
// 인덱스 0: apple
// 현재 배열: apple,banana,cherry
// 인덱스 1: banana
// 현재 배열: apple,banana,cherry
// 인덱스 2: cherry

 

• 세 번째 변수인 array는 현재 순회 중인 배열 전체를 나타냅니다.
• 보통은 잘 사용되지 않지만, 디버깅하거나 배열 전체를 참조해야 할 때 유용합니다.

 

 

요약

push() 와 pop() 메소드는 배열의 끝에 값을 추가, 제거를 합니다

배열을 "목록"이라고 생각하고, forEach는 이 목록을 순서대로 읽으면서 각 항목을 처리하는 도우미입니다.

forEach는 배열을 하나씩 순서대로 처리할 때 유용합니다.

forEach(element,index,array) 현재요소(필수), 인덱스(선택), 전체배열(선택) 최대 3개의 매개변수를 받을 수 있습니다.

현재 요소와 인덱스를 함께 출력하거나 데이터를 변환하는 데 자주 사용합니다.