[%] 자바스크립트 공부중인데 질문좀.

[익명(121.134)]

배열객체 함수 공부중인데 이해가 안되는 부분이 있어서 글남김

const idx = todo. findIndex ( todo => todo.id === 3 ) ;

 여기서 빨간색으로 표시한 "=>" 이 부분을 어떻게 해석해야할지 모르겠다.

화살표 함수 공부하긴 했는데 기본함수표현에서 화살표 형태로 바꾸는 법은 해봤어도

저런 형태는 본적이 없어서 좀 알려주라 ㅠㅠ

[익명(118.235)]

인자todo 바디todo.id===3

[왼손(stonebed)]

화살표 함수 규칙 1. 기본적으로는 function키워드를 이용해서 선언한 익명함수에서 화살표로 치환한 거랑 똑같이 작동함(여기까지 아는 거 같고)

[왼손(stonebed)]

2. 인자가 하나만 전달된다면 인수를 묶는 괄호를 사용할 필요가 없음( (param) === param) 3. 함수가 바로 return이 가능한 형태고 다른 구문이 일체 없는 경우 그냥 화살표 함수 다음에 return될 값을 넣으면 똑같이 작동함(다만 object인 경우 똑같이 중괄호를 쓰기 때문에 구분하기 위해서 괄호를 덧붙임)

[왼손(stonebed)]

이거만 숙지하면 위의 식 다 이해할 수 있습니다. 이런 형태 보통 함수를 인자로 전달할 때 많이 쓰니까(특히 특정 속성을 추출할 필요가 있을 때 길이가 많이 짧아집니다) 숙지해두시고요

[익명(121.134)]

설명 감사합니다. 그러면 위에 예제에서 todo => todo.id === 3 todo 인자 todo.id === 3 리턴으로 이해하면 될까요?

[익명(223.39)]

ㅇㅇ 맞음

[왼손(stonebed)]

아 맞다 형태만 생각해서 얘기했는데 this binding측면에서는 차이가 생기니까 이쪽 공부해두시고요

[왼손(stonebed)]

네네 아마 리액트일 거 같은데 전체 아이템 중에서 return값으로 돌려주는 boolean값이 참인 경우에만 = 해당 조건에 맞는 것만 돌려주는 식의 코드일 거 같네요