For Each
Coddy의 JavaScript 배열 메서드 코스 레슨 — 18개 중 10번째.
forEach() 메서드는 배열의 각 요소에 대해 제공된 함수를 한 번씩 실행하는 배열용 내장 함수입니다. 콜백 함수라고 불리는 이 함수는 로깅, 수정 또는 정보 수집과 같이 요소에 대한 다양한 작업을 수행할 수 있습니다. 실행 순서는 첫 번째 요소(인덱스 0)부터 마지막 요소까지입니다.
과일 배열을 만들고 forEach()를 사용하여 이름과 가격을 기록해 보겠습니다:
const fruits = ["apple", "banana", "orange"];
const prices = [1.50, 0.75, 2.00];
fruits.forEach((fruit, index) => {
console.log(`${fruit} - ${prices[index]}`);
});
/* 출력: apple - $1.5
banana - $0.75
orange - $2
*/콜백 함수: 이 함수는 세 개의 인자를 받습니다:
element: 현재 처리 중인 요소입니다.index: 배열 내 현재 요소의 인덱스입니다.array:forEach()가 호출된 원본 배열입니다 (선택 사항).
챌린지
쉬움chocolates 배열에 주어진 대로, 각각 3, 4, 7, 2개의 초콜릿을 들고 있는 네 명의 아이들이 있습니다.
여러분의 과제는 각 아이의 초콜릿 양을 두 배로 늘리고 배열을 출력하는 JavaScript 코드를 작성하는 것입니다.
직접 해보기
let chocolates = [3, 4, 7, 2];
// 여기에 코드를 작성하세요