在网页中过滤/重新排序JSON元素

时间:2015-03-07 06:11:52

标签: javascript json filter

我在网页的JSON文件中显示一些数据,我想知道是否可以按类型对其进行排序。我的网页是http://nutriton.herokuapp.com/market,我在该手柄文件中显示该页面信息的方式如下:

{{#each marketData.marketposts}}
<div class="marketposts">
  <h4>
    {{name}}  ({{type}})
     <br/>
    <button type="button" class="btn btn-default btn-sm upvote"><span class="glyphicon glyphicon-thumbs-up"></span> {{upvotes}}</button>
    <button type="button" class="btn btn-default btn-sm downvote"><span class="glyphicon glyphicon-thumbs-down"></span> {{downvotes}}</button>
  </h4>
</div>
{{/each}}

我希望能够按下按钮并让它过滤数据以仅显示&#39; Kosher&#39;例如,产品。此外,我也想知道我是否可以根据名称等对数据进行排序。是否可以这样做,如果是这样,我该怎么做?

1 个答案:

答案 0 :(得分:0)

以下是访问每个元素的方法。

var json = '{"a":"1","b":"2","c":"3","d":"4"}';

var parsed = JSON.parse(json);

var keys = Object.keys(parsed);
var stop = Object.keys(parsed).length;

for(x = 0; x < stop; x++){
    alert('x: ' + x + ' parse: ' + parsed[keys[x]] + ' key: ' + keys[x]);
}

从这里您可以排序和过滤。