JavaScript Formatter

Overview

• Formats JavaScript packed into a single line into a readable form, using Prettier.
• Uses the Babel parser, so it handles modern syntax (arrow functions, destructuring, spread syntax, etc.) as well as code containing JSX.
• Useful for making minified code, or code with broken indentation copied from elsewhere, readable again.

Usage

1. Enter the JavaScript you want to format into the text area.
2. Click the "Format" button.
3. The result, formatted according to Prettier's rules, is displayed below. Use the "Copy" button to copy it to the clipboard.

Example

function add(a,b){return a+b}

function add(a, b) {
  return a + b;
}

Use Cases

• Formatting minified JavaScript into a readable form for debugging
• Unifying the indentation of code copied from elsewhere to match your project's style
• Formatting a code snippet into a consistent style before including it in a code review

FAQ

Notes

• Formatting fails if the JavaScript is syntactically invalid.
• Detailed style choices, such as adding semicolons or unifying quote style, follow Prettier's standard rules and cannot be customized individually.
• Formatting very large code may make browser processing slow.