객체배열 정렬하는 방법
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
조회 79
두개의 객체 배열 비교
<template> {{ ?? }} </template> <script> temp = [ {name:"John1", status:"A"}, {name:"John2", status:"B"}, {name:"John3", status:"C"}, {name:"John4", status:"D"} ] code=[ {value:"A", label:"좋음"}, {value:"B", label:"나쁨"}, {value:"C", label:"보통"}, {value:"D", label:"기타"} ] </script> temp 배열에 있는 status값을 code배열의 value값에서 찾아 같으면 해당 code의 label값을 출력하고싶어요ㅜㅜ 도와주세요
기술
#자바스크립트
#객체배열
답변 4
댓글 0
조회 173
객체 배열에 대해서 컴포넌트를 어떻게 설계하시나요??
안녕하세요. 객체배열에 대해서 컴포넌트를 여러분은 어떻게 제작하고 계실까요?? 처음에는 첫번째 처럼 컴포넌트를 제작하다가 다른 곳에서도 재활용 할수있는 컴포넌트가 좋을것같아서 두번째 코드처럼 설계를 했는데 단점이 이중 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
조회 151