source

jQuery를 사용하여 JSON 어레이의 키/값 쌍 루프 및 가져오기

ittop 2023. 3. 8. 21:49
반응형

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

반응형