[JavaScript] forEach() 함수

문제 설명)

자바스크립트에서는 for문을 사용하여 반복문을 나타냈습니다.

하지만 forEach() 함수를 사용하면 반복문의 순번과 배열의 크기를 따로 변수에 저장하는 과정을 생략할 수 있습니다.

forEach()는 키를 넣어주면 키값을 반환해주는 구조 분해 할당 방식입니다. 리스트의 요소가 키이고 forEach(함수)의 매개변수에 입력된 함수에 키를 넣고 값을 받는 것이라고 이해하면 됩니다. 이것을 이용하면 반복문 코드를 더 간결하게 바꿀 수 있습니다.

예시와 함께 살펴봅시다. 아래에 과일이 담긴 배열이 있습니다.

var fruits = ["apple", "orange", "cherry"];

배열의 각 요소를 반복문 forEach()를 이용해 접근할 수 있습니다.

fruits.forEach(myFunction);

myFunction은 인덱스와 아이템을 출력하는 함수입니다.

function myFunction(item, index) { document.write(index + ":" + item + "<br>"); }

 

[지시사항]

forEach를 활용해서 아래와 같이 출력하기.

티셔츠 티셔츠 티셔츠
양말
청바지 청바지 청바지

let clothes = ['티셔츠', '양말', '청바지'];
let counts = [3, 1, 2];

counts.forEach((num, idx)=>{
    //3,1,2 => num
    //0,1,2 => idx
    document.write(clothes[idx] .repeat(num) + '<br>'); 
 });