$ .getJSON을 사용하여 JSON 읽기

Question

대학 과제를 위해 JSON 데이터를 Adobe Edge 프로젝트로 읽어야합니다. 아래 JSON에서는 배열의 색상을 볼 수 있습니다. setElementsColor(color) 함수는 Colors json 파일의 배열에서 올바른 객체를 검색해야합니다. 따라서 인수 color은 객체의 colorName과 같아야합니다. 나는 이것을 어떻게하는지 잘 모르겠습니다.

{ 
    "Colors": [ 
     { 
      "colorName": "Black", 
      "imageName": "fridge_black.jpg", 
      "footerName": "black_footer.png", 
      "facebookLogo": "black_facebook.png", 
      "twitterLogo": "black_twitter.png", 
      "linkedinLogo": "black_linkedin.png" 
     }, 
     { 
      "colorName": "Blue", 
      "imageName": "fridge_blue.jpg", 
      "footerName": "blue_footer.png", 
      "facebookLogo": "blue_facebook.png", 
      "twitterLogo": "blue_twitter.png", 
      "linkedinLogo": "blue_linkedin.png" 
     } 
    ] 
} 

다음 함수는 JSON 파일을 읽는 데 사용됩니다 : 여기

는 JSON이다.

function setElementsColor(color){ 
    $.getJSON('json/colors.json',function(data){ 
    //The JSON must be read out here 
    }); 
} 

Answer 1

나는 $.grep을 사용합니다.

function setElementsColor(color){ 
    $.getJSON('json/colors.json',function(data){ 
    var obj = $.grep(data.Colors, function(color) { 
     return color.colorName === color; 
    }); 
    /* Use obj */ 
    }); 
} 

Colors이 배열 대신 Object 인 경우 더 쉬울 것입니다.

면책 조항 : 테스트되지 않음.