인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
object 객체안에 array를 map 함수로 출력할 수 없나요?
작성
·
704
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, } ] } ]
답변 1
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으로 하면 에러가 발생하네요
List[0], List[1] 이런 식으로 말고, functionalList 데이터 값들을 가져오는 방법이 있을까요?
functionalList 에 있는 { } 를 삭제 해야 할까요?
제로초(조현영)
지식공유자
List에 map을 붙이셔서 반복문을 돌며 functionalList를 하셔야 하지 않을까요? 보여주신 사진에서는 (data)나 List같은 쓸데없는 문자들이 들어있어서 정확한 구조를 모르겠네요.