查询/搜索 JSON 中的值

Question

对于我正在创建的网站，我必须根据服务器以 JSON 字符串形式提供的数据创建报价。我一直在浏览这个网站（以及其他各个网站），但仍然不确定查询/搜索数据的最佳方式。

例如，我需要从区域 ID 中获取区域名称。我需要获取某个区域的最大年龄以及给定最小/最大年龄的价格。

我也想得到一系列的价格。

最好使用 eval 方法从字符串创建 Javascript 对象吗？或者我应该使用 jQuery。

感谢您的帮助。

({"SkiPass":[{"Id":1,"Area":"Chamonix","Rates":[{"Id":1,"AgeMin":0,"AgeMax":2,"Price":2.5},{"Id":2,"AgeMin":3,"AgeMax":17,"Price":5.0},{"Id":3,"AgeMin":18,"AgeMax":30,"Price":6.2},{"Id":4,"AgeMin":31,"AgeMax":59,"Price":7.4}]},

{"Id":2,"Area":"Megeve","Rates":[{"Id":1,"AgeMin":0,"AgeMax":2,"Price":1},{"Id":2,"AgeMin":3,"AgeMax":17,"Price":2.0},{"Id":3,"AgeMin":18,"AgeMax":30,"Price":2.2},{"Id":4,"AgeMin":31,"AgeMax":59,"Price":4.4}]},

{"Id":3,"Area":"Verbier","Rates":[{"Id":1,"AgeMin":0,"AgeMax":2,"Price":1.5},{"Id":2,"AgeMin":3,"AgeMax":17,"Price":3.0},{"Id":3,"AgeMin":18,"AgeMax":30,"Price":4.2},{"Id":4,"AgeMin":31,"AgeMax":59,"Price":5.4}]}]})

Answer 1

毫无疑问，从字符串创建一个 JavaScript 对象，但要使用合法的 JSON 解析工具而不是“eval()”。您可以使用 jQuery，但还有其他解决方案，例如 json.org，小而简单。

一旦它是一个 JavaScript 对象，那么您的需求应该指导您是否需要某些查询解决方案，或者这只是一个简单的编程问题。

Answer 2

我认为最好的方法是 jLinq： http://hugoware.net/Projects/jLinq 这就像做一个JSON 上的 SQL 查询。
它不需要 jQuery。
我用它，它很棒。

Answer 3

如果您已经在使用 jQuery，请使用 JSON.parse() 或 jQuery.parseJSON() 从 JSON 字符串创建对象，或者只是从服务器端将其作为 JSON 传递。

然后，您可以迭代该对象以查找所需的记录。或者，您可以使用构建对象，以便自然地从它们中获取数据。

Answer 4

FloatLeft - 正如 Dan 指出的那样，如果您可以使用 XPath，您的任务会容易得多，但无需以 XML 格式重新编写数据。借助 DefiantJS (http://defiantjs.com)，您现在可以使用 XPath 表达式查询 JSON 结构。

DefiantJS 使用“search”方法扩展了全局对象 JSON，该方法启用 XPath 查询并返回包含匹配项的数组（如果未找到匹配项，则返回空数组）。返回的数组也配备了聚合函数；其中“sortDesc”之一。

看看这个工作小提琴；
http://jsfiddle.net/hbi99/H3PR3/

var data = {
  "SkiPass": [
      ...
      {
        "Id": 3,
        "Area": "Verbier",
        "Rates": [
           { "Id": 1,  "AgeMin": 0,  "AgeMax": 2,  "Price": 1.5 },
           { "Id": 2,  "AgeMin": 3,  "AgeMax": 17, "Price": 3   },
           { "Id": 3,  "AgeMin": 18, "AgeMax": 30, "Price": 4.2 },
           { "Id": 4,  "AgeMin": 31, "AgeMax": 59, "Price": 5.4 }
        ]
     }
  ]
},
res1 = JSON.search( data, '//SkiPass[Id=3]/Area' ),
res2 = JSON.search( data, '//*[Area and Id=3]/Rates' )
           .sortDesc('AgeMax');  // <-- sorting descending by the value of "AgeMax"

document.getElementById('name').innerHTML = res1;

document.getElementById('max_age').innerHTML = res2[0].AgeMax;
document.getElementById('price').innerHTML = res2[0].Price;