반환 된 JSON의 새로운 자바 스크립트 배열

Question

구문 분석하고 합계를 추가 한 다음 새 데이터로 배열을 추출하려는 REST 호출에서 일부 JSON 데이터가 반환되었습니다. 파싱, 루핑 및 추가 작업을 수행 한 결과 페이지 (게시 : json sibling data 참조)에 결과를 쓸 수 있지만 총계를 더 자세히 분석하고 싶습니다.

 
{"ResultSet":{ 

    "Result":[ 

    { 
     "file_size":"722694", 
     "desc":"description1", 
     "format":"GIF" 
    }, 

    { 
     "file_size":"19754932", 
     "desc":"description1", 
     "format":"JPEG" 
    }, 

    { 
     "file_size":"778174", 
     "desc":"description2", 
     "format":"GIF" 
    }, 

    { 
     "file_size":"244569996", 
     "desc":"description1", 
     "format":"PNG" 
    }, 

    { 
     "file_size":"466918", 
     "desc":"description2", 
     "format":"TIFF" 
    } 

    ] 

}} 

내가 각기 다른 "내림차순"에 대한 합계를 반환 그것을 가지고 (답변 참조 : https://stackoverflow.com/a/13016615/1766026)를 여기로 시작 해요 JSON은,하지만 지금은 한 걸음 더 나아가 그것을 파괴 할 각 "형식"을 각각 "내림차순"에 대한 쇼 합계 새로운 출력은 같을 것이다 있도록 :

설명 1 : 4백44메가바이트 (222메가바이트의 TIFF, 111메가바이트의 GIF, 111메가바이트 JPEG)

설명 2 : 333메가바이트 (111메가바이트 PNG, 111MB TIFF, 111MB JPEG)

모든 반환 된 항목이 같은 종류의 파일 형식을 가지고있는 것은 아닙니다.

(예, 나는이 번호는 JSON로부터 추가하지 마십시오 알 - 그것은 그냥 예)

나는이 기반으로하는 새로운 배열 (들)에 결과를 눌러 수행 할 수 있습니다 생각하고 있어요 일치하는 요소에 대해 반복하고 페이지에 침을 뱉어 라.

어쩌면 새로운 어레이/객체가 다음과 같이 보일 수 있습니까? 난 그냥이 본

 
{ 
    "desc":"description1", 
    "TIFF":"222", 
    "GIF:"111", 
    "JPEG:"111" 
}, 
{ 
    "desc":"description2", 
    "PNG":"111", 
    "TIFF:"111", 
    "JPEG":"111" 
} 

: How do I create JavaScript array (JSON format) dynamically? 나는 그 한 장소 시작하는 것 같아요?

(가능한 부적절한 용어를 용서하십시오 - 나는 주로 프런트 엔드 작업과 이런 종류의 물건은 나에게 아주 새로운을 - 정중 건설적인 비판은 기꺼이 받아)

Answer 1

예. 배열을 반복하고 배열을 객체로 만듭니다.

var arr = parsedObj.ResultSet.Result; 

var byDesc = {}; // an object as a key-value-map 
for (var i=0; i<arr.length; i++) { 
    var desc = arr[i].desc, 
     format = arr[i].format; 
    if (! (desc in byDesc)) 
     byDesc[desc] = {}; 
    if (! (format in byDesc[desc])) 
     byDesc[desc][format] = 0; 
    byDesc[desc][format] += (+arr[i].file_size); // parseInt 
} 

지금 우리는 형식과 설명으로 filesizes와 객체를 가지고 :

{"description1":{"GIF":722694,"JPEG":19754932,"PNG":244569996},"description2":{"GIF":778174,"TIFF":466918}} 

가 원하는 출력을 얻기 위해, 우리는 단지이 객체 열거 :

var output = []; 
for (var desc in byDesc) { 
    var total = 0, 
     formats = []; 
    for (var format in byDesc[desc]) { 
     formats.push(Math.round(byDesc[desc][format]/1000)+"MB "+format); 
     total += byDesc[desc][format]; 
    } 
    output.push(desc+": "+Math.round(total/1000)+"MB ("+formats.join(", ")+")"); 
} 
return output.join("\n"); 

을 우리는 얻을

description1: 265048MB (723MB GIF, 19755MB JPEG, 244570MB PNG) 
description2: 1245MB (778MB GIF, 467MB TIFF)