반응형
jQuery를 사용하여 JSON 어레이의 키/값 쌍 루프 및 가져오기
JSON 어레이를 루프하여 키와 값을 표시하려고 합니다.
다음 게시물의 간략화된 버전이어야 하는데 구문이 올바르지 않은 것 같습니다.jQuery 'each' loop with JSON array
JSON에서 jQuery를 사용하여 키/값 쌍의 키 이름 가져오기?라는 게시물도 보았습니다만, 단순한 액티비티로는 많은 코드인 것 같습니다.
이것은, 찾고 있는 것을 나타내고 있습니다(그러나 동작하지 않습니다).
var result = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
$.each(result, function(k, v) {
//display the key and value pair
alert(k + ' is ' + v);
});
필수 jQuery 요건은 없지만 사용할 수 있습니다.필요한 코드를 줄이면 JSON을 재구성할 수도 있습니다.
JSON의 직렬화된 JavaScript 개체를 나타내는 문자열이 있습니다.속성을 루프하기 전에 JavaScript 개체로 역직렬화해야 합니다.그렇지 않으면 이 문자열의 각 문자를 루프합니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
$.each(result, function(k, v) {
//display the key and value pair
alert(k + ' is ' + v);
});
라이브 데모
var obj = $.parseJSON(result);
for (var prop in obj) {
alert(prop + " is " + obj[prop]);
}
다음과 같은 어레이가 1개일 경우 값을 직접 얻을 수 있습니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
result['FirstName']; // return 'John'
result['LastName']; // return ''Doe'
result['Email']; // return 'johndoe@johndoe.com'
result['Phone']; // return '123'
다음은 JSON이 반환하는 문자열에 대해 동작합니다.데이터의 관련 배열에도 사용할 수 있습니다.
for (var key in data)
alert(key + ' is ' + data[key]);
JSON 문자열을 해석하면 키를 루프할 수 있습니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var data = JSON.parse(resultJSON);
for (var key in data)
{
//console.log(key + ' : ' + data[key]);
alert(key + ' --> ' + data[key]);
}
이 문제에 대한 최선의 완벽한 솔루션:
Ajax의 성공 응답으로 jQuery를 시도했지만, 작동하지 않아 내 것을 발명했고, 마침내 작동하게 되었다!
var rs = '{"test" : "Got it perfect!","message" : "Got it!"}';
eval("var toObject = "+ rs + ";");
alert(toObject.message);
언급URL : https://stackoverflow.com/questions/7861032/loop-and-get-key-value-pair-for-json-array-using-jquery
반응형
'source' 카테고리의 다른 글
JWT 토큰보안에 의한 스프링부트 유닛 테스트 (0) | 2023.03.08 |
---|---|
react에 노드가 정말로 필요한가?프런트 엔드 ENV의 JS? (0) | 2023.03.08 |
AngularJS 및 그 달러 변수 사용 (0) | 2023.03.08 |
RestTemplate만 사용하는 경우 Spring Boot에서 Tomcat/jetty 자동 시작을 방지하는 방법 (0) | 2023.03.08 |
리액트 훅 및 컴포넌트 라이프 사이클 등가 (0) | 2023.03.08 |