언어/자바스크립트

JavaScript forEach

realtrynna 2022. 2. 17. 20:17

JavaScript forEach

배열 메서드로 요소들을 반복하며 함수 실행 인수로 함수를 넣음

- 매개변수는 element와 index

- 반복문보다 성능은 떨어지지만 배열의 다른 메서드와 연속으로 사용할 수 있음

- forEach()
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
array.forEach((element, index) => {
	console.log(element) // 1, 2, 3, 4, 5, 6, 7, 8, 9, 10
    console.log(index) // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
})

- 2중 반복문 요소 접근
const array = [
    [1, 2, 3, 4, 5],
    [6, 7, 8, 9, 10],
    [11, 12, 13, 14, 15],
    [16, 17, 18, 19, 20],
]

array.forEach((row, ri) => {
    row.forEach((cell, ci) => {
        console.log(cell);
    })
})

- 1~10의 중복되지 않는 서로 다른 수의 값과 순서(자리수) 비교
const answer = [9, 4, 1, 0, 3];
const tries = [9, 5, 6, 3, 0].join("");
let strike = 0;
let ball = 0;

answer.forEach((element, index) => {
    const triesIndex = tries.indexOf(element);
    if (triesIndex > -1) {
        if (triesIndex === index) {
            strike++;
        } else {
            ball++;
        }
    }
})
console.log(strike, ball); // strike = 1 ball = 2

 

'언어 > 자바스크립트' 카테고리의 다른 글

JavaScript 삼항 조건 연산자  (0) 2022.02.18
JavaScript map  (0) 2022.02.17
JavaScript includes  (0) 2022.02.17
JavaScript join split  (0) 2022.02.17
JavaScript indexOf  (0) 2022.02.17