callback 함수는 다음과 같은 형태를 가집니다.
#hostingforum.kr
javascript
function callback(element, index, array) {
// callback 함수의 로직을 구현합니다.
}
callback 함수에 전달할 매개변수는 세 가지가 있습니다.
- `element`: 현재 처리 중인 요소입니다.
- `index`: 현재 처리 중인 요소의 인덱스입니다.
- `array`: callback 함수가 호출된 배열입니다.
callback 함수 내에서 사용할 수 있는 메소드는 다음과 같습니다.
- `this`: callback 함수가 호출된 배열입니다.
- `arguments`: callback 함수의 인수 목록입니다.
예를 들어, callback 함수 안에서 arr.find(callback)에서 찾은 요소의 index를 사용하고 싶다면, 다음과 같이 작성할 수 있습니다.
#hostingforum.kr
javascript
const arr = [1, 2, 3, 4, 5];
const result = arr.find((element, index) => {
if (element === 3) {
return index; // index를 반환합니다.
}
});
console.log(result); // 2를 반환합니다.
callback 함수에서 return을 해도 arr.find(callback)의 결과는 다음과 같습니다.
- callback 함수에서 return을 할 경우, arr.find(callback)의 결과는 callback 함수에서 반환한 값이 됩니다.
- callback 함수에서 return을 하지 않을 경우, arr.find(callback)의 결과는 undefined가 됩니다.
#hostingforum.kr
javascript
const arr = [1, 2, 3, 4, 5];
const result1 = arr.find((element, index) => {
if (element === 3) {
return index; // index를 반환합니다.
}
});
console.log(result1); // 2를 반환합니다.
const result2 = arr.find((element, index) => {
if (element === 3) {
// return을 하지 않습니다.
}
});
console.log(result2); // undefined를 반환합니다.
2025-05-11 10:50