inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

Slack 클론 코딩[실시간 채팅 with React]

object 객체안에 array를 map 함수로 출력할 수 없나요?

722

작성자 없음

0

 

interface List {
id: number
overValue: number
}

let values = [ data.List.map((value: List) => {
return {
id: value.id
overValue: value.overValue
}
})
]
object 객체안에 array를 map 함수로 출력할 수 없나요?
utils.js:324 Uncaught TypeError: Cannot read properties of undefined (reading '0') 이런 에러가 발생합니다 ㅠㅠ
 
 
[ { "List": [ { "id": 129, "overValue": 124, } ] }, { "List": [ { "id": 130, "overValue": 124, } ] } ]

typescript Socket.io react babel 웹팩 클론코딩

답변 1

0

제로초(조현영)

저렇게 가능하긴 한데요. 아마도 배열-객체-배열-객체 구조라서 다른 부분에서 실수하신 것 같네요.

util.js:324번째 줄이 어디인가요?

0

minsu

let values = [
data.List.functionalList.map((value: any) => {
return {
valueId : value.id,
value: value.content,
} ?? [];
})
];
console.log(values);
 
Uncaught TypeError: Cannot read properties of undefined (reading '0')
 
에러가 발생하네요 ㅠㅠ 왜 발생하는 지 모르겠습니다.
 
let values = [
data.List[0].functionalList.map((value: any) => {
return {
valueId : value.id,
value: value.content,
} ?? [];
})
];
 
List[0] 으로 변경 해주면 List[0] -> functionList id, content 가 정상적으로 출력됩니다.
하지만 List으로 하면 에러가 발생하네요
 
 

0

제로초(조현영)

list는 배열이니까 바로 functionalList를 못 쓰죠

0

minsu

List[0], List[1] 이런 식으로 말고, functionalList 데이터 값들을 가져오는 방법이 있을까요?

functionalList 에 있는 { } 를 삭제 해야 할까요? 

0

제로초(조현영)

List에 map을 붙이셔서 반복문을 돌며 functionalList를 하셔야 하지 않을까요? 보여주신 사진에서는 (data)나 List같은 쓸데없는 문자들이 들어있어서 정확한 구조를 모르겠네요.

0

minsu

조현영 개발자님 팀프로젝트를 하는데 백개발자가 Object 안에 array 안에 Object 안에 array 이런 식으로 json 을 주시는 데 잘못 된 건가여??

0

제로초(조현영)

아뇨 잘못된 게 아닙니다. 프론트엔드 개발자라면 백엔드에서 온 데이터를 원하는 모양으로 수정해서 사용할 수 있어야 합니다.

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

111

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

167

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

190

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1017

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2