{"id":888,"date":"2013-03-12T12:48:46","date_gmt":"2013-03-12T12:48:46","guid":{"rendered":"http:\/\/garysieling.com\/blog\/?p=888"},"modified":"2013-03-12T12:48:46","modified_gmt":"2013-03-12T12:48:46","slug":"grep-js","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/grep-js\/","title":{"rendered":"Grep.js"},"content":{"rendered":"

Inspired by a client project with thousands of lines of poorly structured, badly written ExtJS code, I wrote a grep implementation to recursively search the contents of Javascript variables, available on github<\/a>.<\/p>\n

This provides a single function “grep”, which can be used directly or added to the global namespace. It recursively searches objects – keys, values, arrays and functions – for values matching a regular expression. It does a breadth-first search, stopping after a number of entries.It returns a stringified versions of the variable name and value, so you can see exactly what you’d need to write to get the desired value. e.g:<\/p>\n

Tests<\/h2>\n
var lib = ...contents of grep.js...\nlib.test();<\/pre>\n
testTopLevelArray: Passed
\ntestSubLevelArray: Passed
\ntestInt: Passed
\ntestString: Passed
\ntestRecursion: Passed
\ntestObject: Passed
\ntestSubObject: Passed
\ntestFunction: Passed
\ntestWindow: Passed
\ntestRemoveTopLevel: Passed
\ntestRemoveTopLevel: Passed
\ntestRemoveSecondLevel: Passed
\ntestRemoveSecondLevel: Passed
\ntestKeys: Passed
\ntestValues: Passed<\/p>\n
Installation<\/h2>\n
You can call lib.grep directly, or call install to place it in the global namespace:<\/p>\n
lib.install();<\/pre>\n
Examples<\/h2>\n
Since “document” is a global, grep returns values you can use to access the results:<\/p>\n
grep(\"document\", \"location\")<\/pre>\n
[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object]<\/p>\n
grep(\"document\", \"location\").keys()<\/pre>\n
[“document.location”, “document.location.assign”, “document.location.replace”, “document.location.reload”, “document.location.ancestorOrigins”, “document.location.origin”, “document.location.hash”, “document.location.search”, “document.location.pathname”, “document.location.port”]<\/p>\n
grep(\"document\", \"location$\").keys();<\/pre>\n
[“document.location”, “document.defaultView.location”, “document.activeElement.ownerDocument.location”, “document.head.ownerDocument.location”, “document.body.ownerDocument.location”, “document.defaultView.top.location”, “document.defaultView.window.location”, “document.defaultView.document.location”, “document.defaultView.Modernizr.geolocation”, “document.documentElement.classList.7”]<\/p>\n
grep(\"document\", \"location$\").values()<\/pre>\n
[“https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “https:\/\/github.com\/garysieling\/grep-js\/blob\/master\/search\/grep.js”, “true”, “geolocation”]<\/p>\n
Get it on github, here.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Inspired by a client project with thousands of lines of poorly structured, badly written ExtJS code, I wrote a grep implementation to recursively search the contents of Javascript variables, available on github. This provides a single function “grep”, which can be used directly or added to the global namespace. It recursively searches objects – keys, … <\/p>\n
Continue reading “Grep.js”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[13],"tags":[261,302,440,495],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t