Programing

jQuery를 사용하여 JSON 배열에 대한 루프 및 키 / 값 쌍 가져 오기

crosscheck 2020. 12. 10. 18:50
반응형

jQuery를 사용하여 JSON 배열에 대한 루프 및 키 / 값 쌍 가져 오기


JSON 배열을 반복하고 키와 값을 표시하려고합니다.

다음 게시물의 단순화 된 버전이어야하지만 올바른 구문이없는 것 같습니다. jQuery 'each'loop with JSON array

또한 jQuery를 사용하여 JSON에서 키 / 값 쌍의 키 이름 가져 오기 게시물 을 보셨습니까? ,하지만 간단한 활동을위한 많은 코드처럼 보였습니다.

이것은 내가 찾고있는 것을 보여줍니다 (그러나 작동하지 않습니다).

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]);
}

다음과 같은 배열 하나의 경우 직접 값을 가져올 수 있습니다.

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

반응형