JavaScript Formatter

JavaScript Formatter takes code that is minified or inconsistently written and prints it with consistent indentation, spacing around operators and one statement per line. Nesting becomes visible, which is usually all you need to start reading unfamiliar code.

The hard part of formatting JavaScript is knowing what is code and what is not. A brace inside a string is not a block. A slash might start a comment, a division, or a regular expression, and which one it is depends on what came before. Template literals can contain expressions that contain more template literals. The formatter tracks all of this, so strings, comments, regular expressions and template literals pass through byte for byte while the code around them is reshaped.

This is a formatter rather than a parser-based pretty-printer, which means it is fast, it never fails on syntax it does not recognise, and it handles modern code it has never seen. The trade-off is that deliberately unusual formatting is normalised rather than preserved. For a project with its own style rules, a dedicated tool in your build pipeline remains the better choice.

• Consistent indentation for blocks, objects and arrays
• Spacing around operators, commas and keywords
• Strings, template literals, comments and regex passed through untouched
• Handles arrow functions, classes and modern syntax
• One statement per line
• Never throws on unfamiliar syntax
• Copy or download the result

The javascript formatter is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

• Reading minified or bundled code
• Tidying a snippet copied from a forum
• Making a diff readable before review
• Finding the structure of unfamiliar code
• Normalising indentation in a small script