javascript에서 배열의 값중 원하는 값만 뽑아올 수 있을까요??

Question

Spring Boot Controller에서 ResponseEntity로 아래와 같은 값을 넘겨줬습니다.{name: '홍길동', city: '서울시'} {name: '고길동', city: '경기도'} {name: '김길동', city: '인천시'}javascript에서 $.ajax를 통해 호출을 해서 위와같은 데이터를 리턴받아서 아래와 같이 셀렉스 옵션에 값을 넣었습니다.값은 제대로 출력이 되는데문제는select 값 옆에 별도로 input창이 있는데select 창에서 고길동을 선택하면 input창에 자동으로 해당 city값인 경기도가 입력되도록 하고 싶은데 어떤식으로 작업을 해야할까요?아래와 같이 ajax로 호출했습니다.let humanInfo = []; function getHumanInfo() { let html = ""; $.ajax({ url: "/plan/humanInfo", type: "get", success: function (data) { $.each(data, function (index, item) { html += ""; fieldInfoArr.push(item.name, item.city) }); $("#selectArea").append(html); }, }) }그리고 select 에서는 onchange 옵션으로 다른 함수를 호출해서 값을 찍으려고 아래와 같이 onchange를 넣었습니다. ....... 아래와 같이 찍으면 당연하게도 전체 값이 출력이 되고, 해당 input 창에도 전체값이 찍혀버리는데..function changeOpt() { console.log("changeOpt::", humanInfo); $("#city").val(humanInfo); }고길동을 선택했을 때 경기도가 찍히고, 김길동을 선택했을 때 인천시가 찍히게 할려면 어떤식으로 수정을 해 줘야 할까요?

초무쿤 · Accepted Answer

filter 요

apidevelop222 · Answer

filter로 잘 하셨겠지만, 다른 해결책을 알려드릴게요 humanInfo 리스트에 name, city 값을 전부 넣으셨는데 , $(&#34;#city&#34;).val(humanInfo); 그 값을 전부 불러내고 있어요. 이를 막기위해선 list보단 humanInfo &#61; {};로 하여 객체형태로 만드는게 좋아보여요 이후에 fieldInfoArr.push(item.name, item.city) 대신 humanInfo[item.name] &#61; item.city; 해주시고 이렇 게하면{ '홍길동': '서울시', '고길동': '경기도', '김길동': '인천시' } 형태가 될꺼에요. 이후에 function changeOpt() { let selectedName &#61; $(&#34;#selectArea&#34;).val(); let city &#61; humanInfo[selectedName]; $(&#34;#city&#34;).val(city); } 이렇게 하시면 됩니다

javascript에서 배열의 값중 원하는 값만 뽑아올 수 있을까요??

2개의 답변

기술 목록