콜백 함수의 매개변수는 어떻게 구분되나요?
// 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가 있으면 각 매개변수를 어떻게 구분하나요?
변수명처럼 할당된 이름이 있어서 해당 이름하고 비슷한 이름을 지으면 콜백 함수의 매개변수로 취급하는건가요?
Answer 1
1
안녕하세요 🙂 질문 감사합니다.
콜백 함수의 매개변수는 개발자가 이름을 어떻게 짓느냐와 전혀 관계 없습니다.
중요한건 '자바스크립트가 콜백 함수에 어떤 값을 몇 번째 인자로 넣어주는가 입니다.
forEach는 콜백을 생성할때 항상 callback(현재 요소, 인덱스, 전체 배열) 방식으로 실행합니다.
해당 순서에 맞게 요소를 넣어주면 됩니다.
수업자료 링크 접속했는데 404에러 뜹니다 ㅠ
1
50
1
선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요
0
55
2
콜백 함수 메서드 등록
0
128
2
ssr방식 경험
0
117
1
compare 함수 설명에 오해의 소지가 있어보입니다.
0
134
2
API를 비동기 처리하는 이유가 끊겨서 그런건가요?
0
182
2
DOM 트리 보는 곳
0
122
1
배열과 객체의 구조분해할당 방법이 다른 이유
0
123
2
배열 메서드가 순수 함수인지 확인하는 방법
0
106
2
콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?
0
106
2
호이스팅 안쓰는게 좋나요?
0
92
2
함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?
0
126
2
?. 연산자는 자바스크립트 연산자인가요?
0
75
1
JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?
0
130
2
자바스크립트 질문
1
147
2
동물앨범만들기 1-1 api 오류
0
93
2
CityList개발-handleLoadMore함수질문
0
103
1
객체와 배열의 const 차이
0
80
1
const 객체/배열 차이
0
104
2
header 개발 새로고침 오류
0
183
2
Promise 객체
1
85
2
cityList 렌더가 안되는 문제
0
85
2
init 함수 앞에 await
1
105
2
동물 앨범 만들기 pushtState 관련
0
92
2

