배열인데 배열이 아닌 이유?

Question

안녕하세요. 리액트 코딩하다 잘 이해가 안되는 증상이 있어서 여쭤보려고 합니다.고수님들 알려 주시면 감사하겠습니다.오류 메시지는 다음과 같습니다.useMenu.ts:25 Uncaught TypeError: nodes.filter is not a functionnodes 라는 변수는 스토어(zustand) 에서 가져오는 값이고, 배열형으로 선언되어 있습니다.type StructMenu = { nodes: Menu[] setNodes: (nodes: Menu[]) => void getChildNodes: (parentId: number) => Menu[] }백앤드에서 조회해서 저장되는 값입니다. 백앤드에서 값을 받아오는데까지는 문제가 없습니다.값을 변수에 할당해서 로그로 출력했을때입니다.분명히 Array 타입으로 정의되어 있는데요, Array.isArray() 메소드를 실행해서 확인해보면 false 가 떨어지네요. (윗 이미지의 우측상단의 false 로 찍힌 문자열이 아래 코드에서 isArray() 를 실행한 결과입니다.) getChildNodes: (parentId: number) => { const nodes = get().nodes if (!nodes || isEmpty(nodes)) { return [] } console.log('nodes', nodes, Array.isArray(nodes)) return nodes.filter((node) => node.parentId === parentId) },방어코드도 되어 있기 때문에, isArray 결과가 false 가 나오는게 잘 이해되지 않네요.nodes 에서 filter 실행하기 힘드네요 ;;; 이 현상을 해결하기 위한 단초라도 알려주시면 감사하겠습니다.

js_ · Accepted Answer

콘솔 찍으신거 보면 nodes 변수가 Array가 아니고 nodes 변수는 object 이고 안에 nodes라는 key로 한번 더 꺼내야 array인거 아닌가요?nodes = { nodes: [] }

배열인데 배열이 아닌 이유?

1개의 답변

#array 목록