JSONPath 或其他用于 JSON/Javascript 的类似 XPath 的实用程序；或 Jquery JSON

Question

我一直在研究 JSONPath，虽然它看起来做得很好，但我想知道是否有人使用过它并可以评论它的可用性，或者可以推荐替代方案？如果有一个用于 JQuery 的插件来做这样的事情，那将是 真正 光滑的。我一直在搜索插件并空手而归。无论如何，在我花时间了解 JSONPath（它有一些我不喜欢的方面）之前，或者在我重新发明轮子之前，我想我会看看是否有人对此有看法......

为了让你明白我的意思，想象一下这个 Javascript 对象：

var Characters=[
        {
            id: "CuriousGeorge",
            species:"Monkey",
            mood: "curious",
            appendage: [
                { 
                    type: "hand",
                    side: "left",
                    holding: [ 
                        { id: "Banana" } 
                    ]
                },
                { 
                    type: "hand",
                    side: "right",
                    holding: []
                }, 
                { 
                    type: "foot",
                    side: "left",
                    holding: []
                },
                { 
                    type: "foot",
                    side: "right",
                    holding: [ 
                        { id: "YellowHat" },
                        { id: "Keys" }
                    ]
                }
            ]
        },
        {
            id: "ManInYellowHat",
            species: "Human",
            mood: "angry",
            //...ok, you get it...
        }
    ]

通过 Jquery 选择器之类的东西来访问一些更深层次的对象不是很好吗？

var banana=SomeUtility("Characters holding #Banana").get(0);
var leftHands=SomeUtility("Characters appendage[type=hand][side=left]").get();

（这可能有资格成为世界上最老套的代码示例，但是，嘿，我的孩子们刚刚看了这个。而且由于保密协议，我不能使用真实的示例......）

...而且，为了更有趣，如果我要创造这样的东西，会有人使用它吗？

Answer 1

查看JSON Select - JSON 的类似 CSS 的选择器。

Answer 2

肯定会是一个有用的实用程序。

我的意见是，解决此问题的最佳方法是尽可能与 CSS 选择器保持相似，正如您所指出的。我建议深入了解jquery 的选择器实现。

我会建议类似的东西

var banana = object.function(jsonObect, "holding #Banana");
var leftHands = object.function(jsonObject, "appendage[type=hand][side=left]");

而不是你的用法示例。

我不确定即将到来的native json support 会对此有何影响...

Answer 3

好的，我已经为此创建了一个原型，可以在这里找到：http://code.google.com/p/jfunk/

它已经被证明对我有用，所以我可能会慢慢改进并将它重构为更好的东西。但如果我得到好的反馈，我可以更快地行动。我也欢迎帮助。

Answer 4

尝试使用 JSPath -- https://github.com/dfilatov/jspath。

JSPath 是一种特定领域的语言 (DSL)，使您能够在 JSON 文档中导航和查找数据。使用 JSPath，您可以选择 JSON 项目以检索它们包含的数据。

用于 JSON 的 JSPath 类似于用于 XML 的 XPath。

Answer 5

Dojo 的 dojo.getObject 有一个类似这样松散地工作的工具，您可以在其中为要获取的属性提供类似“a.b.c”的路径。

检查一下：

http://api.dojotoolkit.org/jsdoc/1.3/dojo.getObject

我认为它不能很好地理解数组，并且我认为它缺少一种功能齐全的选择器语言，就像您建议的那样。

至于用法，我编写了一种选择器语言，就像您建议的那样，但对于客户端而言，数组寻址对其特定的对象结构非常专有。

如果你能做到，我肯定会使用这样的系统，如果我看到我可以提供帮助的领域，甚至可能会做出贡献。

Answer 6

我刚刚编写了一个客户端 JS-lib 来执行此操作 - 它可以使用 XPath 查询 JSON 结构。

@jlarson - 使用“defiant.js”，您可以像这样查询您的 JSON 结构（这个库扩展了全局 JSON 对象）：

JSON.search( Characters, '//*[id="Banana"]' );

此调用将返回一个具有匹配节点的数组，并且这些匹配项不会与您的原始 JSON 对象分离（与使用 XML + XPath 时的行为相同）。为了说明我的意思，这里有一段伪（-ish）代码：

var store = {
    "book": [
        {
            "id": 1,
            "price": 8.95,
            "title": "Sayings of the Century",
            "category": "reference",
            "author": "Nigel Rees"
        },
        {
            "id": 2,
            "price": 22.99,
            "title": "The Lord of the Rings",
            "category": "fiction",
            "author": "J. R. R. Tolkien",
            "isbn": "0-395-19395-8"
         }
    ]
};

var b1 = JSON.search( store, '//book[1]' );
b1[0].isbn = '12345';

console.log( store.book[0].isbn );
// 12345

到目前为止，这个库是用于浏览器和客户端的，但我计划最终为 NodeJS 重新编写它。在此处查看 Xpath 评估器；演示功能。还有预先编写的 Xpath 表达式：

http://defiantjs.com/#xpath_evaluator

您可以在 Github 上找到该库：
https://github.com/hbi99/defiant.js

最后，“defiant.js”中还有更多功能，如果您有兴趣，希望您可以在那里阅读它 (http://defiant.com)

我希望你会发现它有用。

Answer 7

似乎有一个新选项：jQuery-JSONPath。似乎正是您所要求的。

Answer 8

不完全是您要查找的内容，但请查看 object-scan。它有点冗长，但功能更强大，支持更多（复杂）用例。这是一个如何使用它的示例

// const objectScan = require('object-scan');

const Characters = [{ id: 'CuriousGeorge', species: 'Monkey', mood: 'curious', appendage: [{ type: 'hand', side: 'left', holding: [{ id: 'Banana' }] }, { type: 'hand', side: 'right', holding: [] }, { type: 'foot', side: 'left', holding: [] }, { type: 'foot', side: 'right', holding: [{ id: 'YellowHat' }, { id: 'Keys' }] }] }, { id: 'ManInYellowHat', species: 'Human', mood: 'angry' }];

console.log(objectScan(['**.holding.id'], {
  useArraySelector: false,
  abort: true,
  rtn: 'parent',
  filterFn: ({ value }) => value === 'Banana'
})(Characters));
// => { id: 'Banana' }

console.log(objectScan(['**.appendage[*]'], {
  rtn: 'value',
  filterFn: ({ value }) => value.type === 'hand' && value.side === 'left'
})(Characters));
// => [ { type: 'hand', side: 'left', holding: [ { id: 'Banana' } ] } ]

.as-console-wrapper {max-height: 100% !important; top: 0}

<script src="https://bundle.run/object-scan@13.7.1"></script>

免责声明：我是object-scan的作者

请务必查看自述文件。里面有很多例子。