콜백 함수의 매개변수는 어떻게 구분되나요?
// forEach
let arr = [1, 2, 3, 4, 5];
// forEach 콜백 함수
arr.forEach((elm, idx, array) => { // 콜백 함수의 매개변수
console.log(`${idx} 번째 요소는 ${elm} 입니다.`);
console.log(array)
});// map
let arr = [1, 2, 3, 4, 5];
// map 콜백 함수
let newArray = arr.map((elm) => { // 콜백 함수의 매개변수
return elm * 10;
});
console.log(newArray);// findIndex
let colors = [
{ id: 1, color: "green" },
{ id: 2, color: "blue" },
{ id: 3, color: "purple" }
];
// findIndex 콜백 함수
let idx = colors.findIndex((elm) => elm.color === "purple"); // 콜백 함수의 매개변수
console.log(idx); // 2
map이나 findIndex는 콜백 함수의 매개변수를 elm만 써서 구분할 수 있는데
forEach는 콜백 함수의 매개변수가 elm, idx, array가 있으면 각 매개변수를 어떻게 구분하나요?
변수명처럼 할당된 이름이 있어서 해당 이름하고 비슷한 이름을 지으면 콜백 함수의 매개변수로 취급하는건가요?
답변 1
1
안녕하세요 🙂 질문 감사합니다.
콜백 함수의 매개변수는 개발자가 이름을 어떻게 짓느냐와 전혀 관계 없습니다.
중요한건 '자바스크립트가 콜백 함수에 어떤 값을 몇 번째 인자로 넣어주는가 입니다.
forEach는 콜백을 생성할때 항상 callback(현재 요소, 인덱스, 전체 배열) 방식으로 실행합니다.
해당 순서에 맞게 요소를 넣어주면 됩니다.
콜백 함수 메서드 등록
0
82
2
ssr방식 경험
0
76
1
compare 함수 설명에 오해의 소지가 있어보입니다.
0
83
2
API를 비동기 처리하는 이유가 끊겨서 그런건가요?
0
98
2
DOM 트리 보는 곳
0
81
1
배열과 객체의 구조분해할당 방법이 다른 이유
0
82
2
배열 메서드가 순수 함수인지 확인하는 방법
0
72
2
콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?
0
71
2
호이스팅 안쓰는게 좋나요?
0
54
2
함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?
0
82
2
?. 연산자는 자바스크립트 연산자인가요?
0
47
1
JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?
0
83
2
자바스크립트 질문
1
103
2
동물앨범만들기 1-1 api 오류
0
54
2
CityList개발-handleLoadMore함수질문
0
71
1
객체와 배열의 const 차이
0
46
1
const 객체/배열 차이
0
63
2
header 개발 새로고침 오류
0
67
2
Promise 객체
1
58
2
cityList 렌더가 안되는 문제
0
55
2
init 함수 앞에 await
1
66
2
동물 앨범 만들기 pushtState 관련
0
60
2
동물 앨범 만들기 사진 관련 문의
0
75
2
자바스크립트 첫걸음 교재 질문..
1
81
2





