The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×


    Find strings inside complicated javascript objects
    Filed under 

    • 🔾7%Overall
    • 160
    • 155.7 days
    • 🕩7
    • 👥3

    Search inside JavaScript objects

    Build Status

    The command line has grep, so why doesn't JavaScript?

    If you work with big objects (such as those in client-side MVC libraries) you might wonder where certain properties end up living on your JS objects. Wouldn't it be nice to just grep the objects to find strings you know are in there somewhere?


    Run this bookmarklet.


    It adds a .grep method to every object which you can use in the Chrome console. For example let's define a foo object.

    var foo = { beamish: 'thought', outgrabe: 10, toves: ['thou', 'borogoves', 'wabe'] };

    After running the bookmarklet, you can grep the object:

    Grep for /abe/

    // returns [".outgrabe", ".toves[2]"]

    Grep for digits

    // returns [".outgrabe", ".toves[0]", ".toves[1]", ".toves[2]"]


    namedescriptiondefault value
    depth Limit the search depth 5
    dom Search dom nodes too true
    keys Search in object keys true

    Pass options as a hash in the second argument. For instance,

    // searches with depth at most two
    foo.grep(/abe/, {depth: 2});
    // returns [".outgrabe"]


    • Clicking the bookmarklet when the debugger is paused in chrome will continue script execution. Load objgrep in development (via <script> tags) or click the bookmarklet before hitting a breakpoint to work around this.


    Objgrep is Copyright © 2013 Joe Nelson. It is free software, and may be redistributed under the terms specified in the LICENSE file.

    Show All