[TIL #11] forEach

forEach()

배열을 순회해서 처리하는데 사용되는 메서드

• 반복문을 통해 배열의 요소에 접근하지 않고 간단히 배열의 요소들을 처리할 수 있다.
• 콜백함수에서 사용 가능 -> 따로 포스트 올릴예정!

구문

arr.forEach(function(currentValue[, index[, array]]) {
}[, thisArg]);

arr: forEach() 함수에 적용할 배열
function: arr 배열의 각 요소에 적용할 때 호출되는 콜백 함수. 이 함수는 세 개의 매개변수를 가짐
currentValue (필수 값): 처리할 현재 요소에 접근
index: 처리할 현재 요소의 인덱스. 현재 요소의 인덱스에 접근가능
array: forEach() 함수를 호출한 배열. 원본 배열에 접근가능
thisArg: function을 실행할 때 this로 사용할 객체.

• 배열의 크기만큼 반복 실행되며, 배열 요소의 개수에 따라 콜백 함수가 호출되는 횟수가 결정!

예제

const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
    console.log(number);
}); // 출력: 1 2 3 4 5

const numbers = [10, 25, 30, 45];

let foundNumber = null;

numbers.forEach(function(number) {
    if (number > 30) {
        foundNumber = number;
    }
});

console.log(foundNumber); // 출력: 45

const names = ['Alice', 'Bob', 'Charlie'];
const greetings = [];

names.forEach(function(name) {
    greetings.push(`Hello, ${name}!`); // 배열 끝에 값 추가하기
});

console.log(greetings); 
// 출력: ['Hello, Alice!', 'Hello, Bob!', 'Hello, Charlie!']

참고

---

그리고 가현님이 주신 짤 스리슬쩍..

모두들 스트레칭 합니다