javascript - 创建具有数组结构的 Json 对象

Question

我想在调用函数时通过javascript创建一个具有数组的Json对象。（例如“列表（）”）。并且该函数应为以下内容返回一个 json 对象。

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

谢谢 ...

Answer 1

我知道“谷歌问题”的答案在这里不受欢迎，但很认真

在谷歌中输入“javascript json”有多难？并按照第一个链接？这里： http: //www.json.org/js.html？

Answer 2

这是你要找的吗

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

JSON库

var myJsonString = JSON.stringify(yourArray);

jQuery json

var encoded = $.toJSON( yourArray );

Answer 3

我已经完成了从数组 json 字符串解析 json 对象并使用 jQuery 以 html 格式显示的完整 bin。

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

查询：

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上试试

Answer 4

Json 只是对象的字符串表示形式。Json 的全部意义在于语法本身是可以被解析为对象的有效 javascript。

很难理解你在这里问什么。如果您只想知道如何从代码中使用对象，您可以执行以下操作：

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