
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 |