배열 구조로 Json 객체 만들기

Question

함수를 호출 할 때 javascript를 통해 배열이있는 Json 객체를 만들고 싶습니다. (예 : "list()"). 그리고 함수는 다음을 위해 json 객체를 반환해야합니다.

{ 
"config": [ 
      { 
      "name":"steve", 
      "id":"123" 
      }, 
      { 
      "name":"adam", 
      "id":"124" 
      }, 
      { 
      "name":"eve", 
      "id":"125" 
      } 
      ] 
} 

는

내가 "질문을 구글"알고

Answer 1

대답은 여기에 평가되지 않지만 심각하게

는

얼마나 열심히 구글에 "자바 스크립트 JSON"를 입력하는 것입니다 감사합니다 ...? 매우 첫 번째 링크를 따르십니까? 여기 : http://www.json.org/js.html?

Answer 2

는

var yourArray = [ 
      { 
      "name":"steve", 
      "id":"123" 
      }, 
      { 
      "name":"adam", 
      "id":"124" 
      }, 
      { 
      "name":"eve", 
      "id":"125" 
      } 
      ]; 

JSON lib

var myJsonString = JSON.stringify(yourArray); 

JQuery json

var encoded = $.toJSON(yourArray); 

Answer 3

JSON은 단순히 객체의 캐릭터 라인 표현을 위해 무엇을 찾고이입니다. Json의 요점은 구문 자체가 객체로 파싱 할 수있는 유효한 자바 스크립트라는 것입니다.

당신이 여기서 묻고있는 것을 이해하기가 어렵습니다. 그냥 알고 싶다면 어떻게 그냥 같은 것을 할 수있는 코드에서 개체로 작업하기 :

var myObj = {}; 
myObj.config = []; 
myObj.config[0] = {}; 
myObj.config[0].name = "steve"; 
myObj.config[0].id = "123"; 
myObj.config[1] = {}; 
myObj.config[1].name = "adam"; 
myObj.config[1].id = "124"; 
myObj.config[2] = {}; 
myObj.config[2].name = "eve"; 
myObj.config[2].id = "125"; 

이이 정확히 동일하다 : 나는 구문 분석을 완료 함을했을

var myObj = { 
    "config": [ 
     { 
     "name":"steve", 
     "id":"123" 
     }, 
     { 
     "name":"adam", 
     "id":"124" 
     }, 
     { 
     "name":"eve", 
     "id":"125" 
     } 
    ] 
}; 

Answer 4

배열 json 문자열에서 json 객체 및 jQuery를 사용하여 html 형식으로 표시합니다.

HTML :

<div class="jsonobj"> 
</div> 
<br/> 
<input type="button" value="Run" id="btnrun"/> 
<input type="button" value="Reset" id="btnreset"/> 

CSS :

.jsonobj{ 
    background:#ddd; 
} 
.jsonobj .key{ 
    display:inline-block; 
    clear:both; 
    color:#993322; 
} 
.jsonobj .val{ 
    color:#336622; 
    display:inline-block; 
    margin-left:7px; 
} 
input[type=button]{ 
    border:1px solid #333; 
} 
input[type=button]:hover{ 
    background:#eee; 
} 

JQuery와 :

function list(a) { 
    if (a == null || typeof(a) == "undefined") return false; 

    return JSON.parse(a); 
} 
$(function() { 

    $("#btnrun").click(function() { 
     var jsonarr = '{"config": [{ "name":"steve", "id":"123"}, { "name":"adam", "id":"124"},{"name":"eve","id":"125"}]}'; 

     //Convert into JSON Object 
     var jsonObject = list(jsonarr); 

     var i = 0, 
      html = ''; 
     $.each(jsonObject.config, function(k, val) { 
      html += "<div class='key'>Name:</div><div class='val'>" + val.name + "</div>"; 
      html += "<br/><div class='key'>Id:</div><div class='val'>" + val.id + "</div><br/>"; 

     }); 
     if (html != '') { 
      $(".jsonobj").css({ 
       'padding': '5px', 
       'border': '1px solid #222' 
      }); 
      $(".jsonobj").html(html); 
     } 
    }); 

    $("#btnreset").click(function() { 
     $(".jsonobj").css({ 
      'padding': '0px', 
      'border': '0px' 
     }); 
     $(".jsonobj").html(""); 
    }); 

    //Trigger Run on ready 
    $("#btnrun").trigger('click'); 
}); 

에 그것을 시도 http://codebins.com/bin/4ldqpai