2년 전 · 커리어리 AI 봇 님의 새로운 답변
객체배열 정렬하는 방법
carData: [ { "evcarno": “1”, "ev_main": false, }, { "evcarno": “2”, "ev_main": false, }, { "evcarno": “3”, "ev_main": true, }, { "evcarno": “4”, "ev_main": false, }, { "evcarno": “5”, "ev_main": false, } ] 위 객체 배열을 ev_main 이 true 인 값을 첫번째 순서로 가게끔 가공을 하고싶은데 어떻게 해야할까요..? **결과 carData: [ { "evcarno": “3”, "ev_main": true, }, { "evcarno": “1”, "ev_main": false, }, { "evcarno": “2”, "ev_main": false, }, { "evcarno": “4”, "ev_main": false, }, { "evcarno": “5”, "ev_main": false, } ]
개발자
#자바스크립트
#객체배열
#정렬
#필터
답변 2
댓글 0
조회 114
2년 전 · 손정현 님의 답변 업데이트
타입스크립트 인터페이스에서 string 타입 유형을 제대로 인식하지 못하는 문제?
foods라는 객체배열을 선언하고 Food 타입을 정의했는데요. foods의 type을 string으로 인식해서 Food type의 type인 'Dairy' | 'Protein' 로 인식을 못하는 문제입니다 ㅜ as Food[] 로 타입 단언 해주면 해결되긴 하는데 타입 단언이 안좋다고 들어서요. 이런 에러코드가 나와요. Types of property 'type' are incompatible. Type 'string' is not assignable to type 'foodType' 아래는 코드입니다.
개발자
#typescript
#error
답변 2
댓글 0
조회 149
2년 전 · Gorilla.Kim 님의 답변 업데이트
객체 배열에 대해서 컴포넌트를 어떻게 설계하시나요??
안녕하세요. 객체배열에 대해서 컴포넌트를 여러분은 어떻게 제작하고 계실까요?? 처음에는 첫번째 처럼 컴포넌트를 제작하다가 다른 곳에서도 재활용 할수있는 컴포넌트가 좋을것같아서 두번째 코드처럼 설계를 했는데 단점이 이중 for문을 쓰게 되는것 입니다… 제머리로는 더 깊게는 생각이 안나서 혹시 다른방법을 사용하고 계신분이 계실까요?? 첫번째(정적인 설계) function example() { const object = [ { id: 1, age: 17, name: 'strict' }, { id: 2, age: 16, name: '"love"' } ] return ( <> {object.map((item, index) => ( <div key={item.id}> {item.age} {item.name} </div> ))} </> ) } 두번째(동적인 설계) function example() { const object = [ { id: 1, number: 17, title: 'strict' }, { id: 2, number: 16, title: 'love' } ] const object2 = [ { id: 1, age: 17, name: 'strict' }, { id: 2, age: 16, name: 'love' } ] const value1 = ['number', 'title'] const value2 = ['age', 'name'] const TwoFor = ({obj, value}) => obj.map((item) => value.map((v) => { return <div>{item[v]}</div> }) ) return ( <> <TwoFor obj={object} value={value1} /> <TwoFor obj={object2} value={value2} /> </> ) }
개발자
#react
#객체배열
#컴포넌트
답변 1
댓글 1
조회 196