jquery - 使用 JSON 数组键或值填充 html 模式

Question

我有一个非常简单的问题，很惊讶我还没有弄清楚。我错过了什么？我通过json编码得到一个php数组：

var curr_op = <?php echo json_encode($options) ?>;

console.log(curr_op) 内容如下：

[14:35:00.889] ({' ':" ", 'Tangential-S1':"Tangential-S1", 'Diagonal-Q1':"Diagonal-Q1", addnew:"Add New"})

我想通过以下方式将键（或值）传递给 html：

$('#modal-body span2').html(JSON.stringify(curr_op));

这给了我一个丑陋的东西：

{" ":" ","Tangential-S1":"Tangential-S1","Diagonal-Q1":"Diagonal-Q1","addnew":"Add New"}

在我的网页中。我该如何清理它并且只通过以下内容：

切线-S1，对角线-Q1

到 html （注意第一个和最后一个元素也应该被删除）。

Answer 1

这是一个可以玩的小提琴：http: //jsfiddle.net/X8E9R/2/

function getPropsAsString(curr_op) {        
    var props = [];
    for (prop in curr_op) {
        var value = curr_op[prop];

        // filter them by some logic
        if (value === " " || value === "Add New")
            continue; // skip it

        props.push(prop);
    }

    // do whatever you want with the properties
    props.sort(); // maybe you want to sort them?

    return props.join(", ");
}

$('#modal-body span2').html( getPropsAsString(curr_op) ); 

Answer 2

如果您想在 javascript 中解码 JSON，请编写如下内容：

var decoded_json = $.parseJSON(curr_op);    
$('#modal-body span2').html(decoded_json.Tangential-S1 + ', ' + decoded_json.Diagonal-Q);