1. forEach문
- JavaScript 배열에서 사용할 수 있는 내장 메소드 중 하나
- 배열의 각 요소에 대해 주어진 함수 실행
즉, 해당 배열의 요소를 하나씩 다 끄집어 낸다고 생각하면 된다.
for문을 돌리지 않아도 forEach문을 사용하면 모든 요소들을 하나씩 접근할 수 있다.
array.forEach(function(element, index, array) {
// element: 배열의 현재 요소
// index: 배열의 현재 요소의 인덱스
// array: forEach가 호출된 배열 자체
// 여기서 주어진 함수는 배열의 각 요소에 대해 실행됩니다.
});
1) 사용 방법
- 내장된 forEach
- 직접 구현한 forEach
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
const numbers = [273, 52, 103, 32, 47];
// 방법 1
//callback 함수로 내장된 forEach 함수 호출
numbers.forEach(function(value, index, array){
console.log(`${index}번째 요소(1): ${value}`);
});
console.log('');
// 방법 2
// 사용자가 직접 구현한 forEach 함수
function forEach(array, callback){
for(let i=0; i<array.length; i++){
callback(array[i], i , array);
}
}
//callback 함수로 사용자가 직접 구현한 forEach 함수 호출
forEach(numbers, function(value, index, array){
console.log(`${index}번째 요소(2): ${value}`);
});
</script>
</head>
<body>
</body>
</html>'공부(TIL) > Javascript' 카테고리의 다른 글
| window.innerWidth (0) | 2025.01.13 |
|---|---|
| [프로그래머스] 기초 Day1 (0) | 2024.08.24 |
| Callback 함수 (0) | 2024.03.13 |
