DEV Community

Sarfaraz
Sarfaraz

Posted on

How to Convert JSON to a String (and Back) — With Examples

If you've ever needed to store a JSON object inside a plain string
field — an environment variable, a .env file, a shell command, or a
database TEXT column — you've probably run into the difference between
"JSON" and "a JSON string." This post covers both directions:
converting JSON to a string, and converting it back.

Why convert JSON to a string?

Some systems can only hold a single string value, not a nested object:

  • Environment variables (.env files, CI/CD secrets)
  • Certain REST API payloads that expect a stringified field
  • Database columns typed as TEXT rather than JSON
  • Shell commands and config files

In JavaScript, the first step is always JSON.stringify():

\js
const data = { name: "Sarfaraz", role: "Team Lead", active: true };
const jsonString = JSON.stringify(data);
// '{"name":"Sarfaraz","role":"Team Lead","active":true}'
\
\

That gives you a valid JSON string. But if you need to embed that
string inside another string — for example, as the value of an
environment variable — you need to escape it one level further, so
every double quote becomes \":

\
"{\"name\":\"Sarfaraz\",\"role\":\"Team Lead\",\"active\":true}"
\
\

That extra escaping is what trips people up, and it's tedious to do by
hand for anything beyond a tiny object.

Convert JSON to a string online

For quick one-off conversions without writing code, I built a small
browser-based tool that does this escaping for you —
JSON to String Converter.
Paste in JSON, get back a properly escaped string. Nothing is uploaded;
it all runs client-side.

Converting back: string to JSON

Going the other direction — unescaping a string back into readable
JSON — is just as common when you're debugging a config value or an
API log. The
String to JSON Converter
handles that reverse conversion.

Quick reference

Task JS equivalent Tool
Object → JSON string JSON.stringify(obj) JSON to String
JSON string → object JSON.parse(str) String to JSON

Both are part of a free set of 30 browser-based dev tools
— JWT decoding, regex testing, cron builders, and more — if you want to
bookmark the whole toolbox.

Top comments (0)