GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → renato-bohler → What The Filter

renato-bohler / What The Filter

Licence: mit
A visual playground to JavaScript array & object transformations.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

playgroundarrayobject

Projects that are alternatives of or similar to What The Filter

php-helpers
An extensive set of PHP helper functions and classes.
Stars: ✭ 27 (-78.91%)
Mutual labels:  object, array
prototyped.js
Some common Typescript prototypes
Stars: ✭ 22 (-82.81%)
Mutual labels:  object, array
js-explorer
Find the method you need without digging through the docs, directly on the command line!
Stars: ✭ 287 (+124.22%)
Mutual labels:  object, array
js-deep-sort-object
Simple module to sort objects recursively by its keys
Stars: ✭ 19 (-85.16%)
Mutual labels:  object, array
Morphism
⚡ Type-safe data transformer for JavaScript, TypeScript & Node.js.
Stars: ✭ 336 (+162.5%)
Mutual labels:  array, object
utils.js
👷 🔧 zero dependencies vanilla JavaScript utils.
Stars: ✭ 14 (-89.06%)
Mutual labels:  object, array
Kibana Object Format
A Kibana plugin for displaying objects and arrays of objects.
Stars: ✭ 100 (-21.87%)
Mutual labels:  array, object
Moses
Utility library for functional programming in Lua
Stars: ✭ 541 (+322.66%)
Mutual labels:  array, object
Kind Of
Get the native JavaScript type of a value, fast. Used by superstruct, micromatch and many others!
Stars: ✭ 268 (+109.38%)
Mutual labels:  array, object
ss-search
The most basic, yet powerful text search.
Stars: ✭ 41 (-67.97%)
Mutual labels:  object, array
Deep Object Diff
Deep diffs two objects, including nested structures of arrays and objects, and returns the difference. ❄️
Stars: ✭ 515 (+302.34%)
Mutual labels:  array, object
Shallow Clone
Make a shallow clone of an object, array or primitive.
Stars: ✭ 23 (-82.03%)
Mutual labels:  array, object
Observablearray Rxswift
An array that can emit messages of elements and diffs on it's changing.
Stars: ✭ 108 (-15.62%)
Mutual labels:  array
Ios Design Patterns
Learning ground for iOS Design Pattern included with sample projects for MVC, MVP, MVVM, and VIPER
Stars: ✭ 120 (-6.25%)
Mutual labels:  playground
Spring Kotlin Exposed
playground for spring-boot 2.*, kotlin , jetbrains-exposed, postgres, jsonb, flyway, docker
Stars: ✭ 106 (-17.19%)
Mutual labels:  playground
Godoc Playground
Play with GoDoc syntax and preview your changes in realtime
Stars: ✭ 104 (-18.75%)
Mutual labels:  playground
Vuep.run
🏃 An online playground for Vue2.0
Stars: ✭ 125 (-2.34%)
Mutual labels:  playground
On Change
Watch an object or array for changes
Stars: ✭ 1,709 (+1235.16%)
Mutual labels:  object
Async Ray
Provide async/await callbacks for every, find, findIndex, filter, forEach, map, reduce, reduceRight and some methods in Array.
Stars: ✭ 102 (-20.31%)
Mutual labels:  array
Object Explorer
🔥 A resource to help figure out what JavaScript object method would be best to use at any given time
Stars: ✭ 1,358 (+960.94%)
Mutual labels:  object
View All Similar Projects ➔

what the filter?

A visual playground to JavaScript array & object transformations (try it out!)

Demonstration GIF

How to use

Access this address and change the implementation of the whatTheFilter function. An informative diagram will be generated with whatever you return in this function.

Under the hood

What the filter transforms the input code into an AST (abstract syntax tree) to analyze which methods were called with the corresponding arguments, input and output.

Extra features

Detailed errors

If any error occurs in the call chain of your code, the diagram will still output every step of execution up until the error occurred, and it will also provide more details on why this error probably occurred.

Detailed errors feature GIF

Execution steps

Some methods will even show a "step by step" execution, dissecting how its input is transformed to its output, step by step:

Execution steps feature GIF

Warnings

Let's be honest: sometimes JavaScript works in mysterious ways. That's why some methods will output some warnings:

Warnings feature GIF
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].