Question

客户有一个要求，即内容文本应以每个单独内容的新序列号开头。对于Content JSON，请考虑以下示例JSON。作为后端的响应，我将在前端获得此JSON。我正在递归迭代JSON，所以现在我想在迭代它时创建它的序列号。这样做的简单方法是什么？

var myobj = {
"name": "sample",                     //1
"def": [                              //2
      {
        "setId": 1,                    //2.1.1
         "setDef": [                   //2.1.2
            {        
                "type": "STRING",      //2.1.2.1.1
                "name": "ABC"          //2.1.2.1.2
            },
            {
                "type": "STRING",      //2.1.2.2.1
                 "name": "XYZ"          //2.1.2.1.2
            }
        ]
    },
    {
        "setId": 2,                 //2.2.1
        "setDef": [                 //2.2.2
            {
                "type": "STRING",   //2.2.2.1.1
                "name": "abc"       //2.2.2.1.2
            },
            {
                "type": "STRING",   //2.2.2.2.1
                "name": "xyz"       //2.2.2.1.1
            }
        ]
    }
],
"property": {         //3
    {
        "color": "red" //3.1.1
    },
    {
        "run": true    //3.2.1
    },
    {
        "width": [120, 330, 332]   //3.3.1
    }
},
listing: true  //4

};

这是我的代码：

function displayContent(obj) {
    jQuery.each(obj, function(key, val) {
         recursiveIterObj(key, val, obj); 
    });
}
function recursiveIterObj(key, val, obj) {
        if(!isplain(val)){
            setContentData(key, curr_seq, last_seq, "");
            $.each(val, function(k,v){
                recursiveIterObj(k, v, val);
            });
        }else{
            setContentData(key, curr_seq, last_seq, val);
        }
}

function isplain(data) {
    return (typeof data === 'string' || typeof data === 'number')?
       true:false;
}
function setContentData(key, curr_seq, last_seq, val){
            $(".heading").text(key);
            $(".sequence").txt(curr_seq); // if this is 2.1.2 or 4
            $(".sequence_last").txt(last_seq); // then, this should be 2.1.1 or 3
            $(".txt_content").text(val);
}
$(function(){
 displayContent(obj);
})

注意 - 以上JSON是来自互联网的随机json。

Answer 1

在JavaScript中无法保证对象中的属性顺序。仅在数组的情况下，您将在JavaScript中进行迭代时看到序列。

自ECMAScript 2015以来，使用Map对象可能是另一种选择。 Map与Object共享一些相似之处并保证键顺序。

从json生成序列

1 个答案: