WeAreDevelopers LIVE • Oct 18, 2024

Tips and Tricks for Working with JSON

Dan Cranney

Stop crashing your Node apps with malformed JSON. Master ten advanced techniques to safely parse, sanitize, and deep clone your data effortlessly.

Pause

Mute

Enter Fullscreen

#1 about 2 min

Gracefully handling invalid formatted JSON data

Using a try-catch block during file reading prevents applications from crashing on malformed syntax.

#2 about 1 min

Implementing a simple JSON validation function

Wrapping the parsing method in a reusable function cleanly returns a boolean status for validity checks.

#3 about 1 min

Formatting stringified output for better readability

Passing spacing arguments into stringify operations adds structured indentation for easier visual inspection.

#4 about 2 min

Filtering specific fields with a replacer function

Supplying a replacer parameter during stringification efficiently excludes sensitive keys like passwords or emails.

#5 about 1 min

Transforming parsed data using a reviver function

Applying a reviver function to parsing intercepts specific keys to cast string values into appropriate formats like date objects.

#6 about 1 min

Deep cloning objects to prevent mutating original data

Serializing and immediately deserializing data creates completely independent object copies to safely manipulate values.

#7 about 1 min

Converting JSON object properties into query strings

Mapping over object keys and encoding values enables the construction of valid URL query parameters.

#8 about 1 min

Generating dynamic objects from independent array lists

Iterating over parallel lists of keys and values programmatically constructs complete and matching data structures.

#9 about 1 min

Shallow merging multiple objects via spread operators

Destructuring existing structures into a new object efficiently applies partial updates and overwrites duplicate keys.

#10 about 2 min

Extracting nested data collections directly with flatMap

Invoking flatMap immediately retrieves and naturally flattens internal lists from complex nested hierarchies.

Matching moments

2:32 min

Dealing with mixed payloads and structural patterns

Olena Kutsenko · World Congress 2022

1:28 min

Optimizing performance across JSON methodologies and backend stacks

Alen Pokos · LIVE

3:18 min

Leveraging the JSON API standard for data structure

Alen Pokos · LIVE

2:37 min

Handling complex data structures with records and pattern matching

Christoph

Christoph · World Congress 2024

2:29 min

Preventing secret exposure when parsing structured data formats

Chris Ayers · LIVE

2:11 min

Adopting JSON Structure as a strict data definition language

Clemens Vasters

Clemens Vasters · World Congress 2025

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

World Congress 2026 North America

September 23, 2026 · 14:20–14:50

Stage 2

Build Interactive Copilot Experiences with Canvas Extensions

James Clancey

Principal Product Manager at GitHub

James Clancey

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Stage 9

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect at Leidos

David Morris

World Congress 2026 North America

September 25, 2026 · 12:20–12:50

Stage 9

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia

World Congress 2026 North America

September 24, 2026 · 10:20–10:50

Stage 6

Practices, Not Prompts: Scale GitHub Copilot with AI-Ready Repositories

Luis Pujols

Staff Customer Success Architect, GitHub

Luis Pujols

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Stage 2

API = Some REST and HTTP, right? RIGHT?!

Rustam Mehmandarov

Passionate computer scientist

Rustam Mehmandarov

Related videos

Introducing JSON Structure thumbnail

World Congress 2026 Europe • 2 months ago

Introducing JSON Structure

Clemens Vasters

JavaScript the Grumpy Parts thumbnail

JS Congress • almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

JSON and Beyond thumbnail

World Congress 2024 • about 2 years ago

JSON and Beyond

Douglas Crockford

A Practical Guide to Reducing Bundle Size thumbnail

World Congress 2025 • about 1 year ago

A Practical Guide to Reducing Bundle Size

Stephen Cooper

API Design - Getting Started thumbnail

LIVE • about 6 years ago

API Design - Getting Started

Alen Pokos

Introducing JSON Structure - A Better Schema thumbnail

World Congress 2025 • about 1 year ago

Introducing JSON Structure - A Better Schema

Clemens Vasters

Related articles

DC

Daniel Cranney

Tips and Tricks: Working with JSON

We recently released a JSON-focused edition of the Dev Digest, honouring its creator, Douglas Crockford, and what has become one of the most commonly used formats for storing and sharing data. It t...

almost 2 years ago

Tips and Tricks: Working with JSON

DC

Daniel Cranney

The Overflow: 5 Tools for Developers Working with JSON

In the last edition of The Overflow - where we share all kinds of incredible mostly-open source tools we just couldn’t fit into the DevDigest - we looked at speedy file sharing . Well this time, we...

6 months ago

The title of the article and other meta data formatted as JSON

CH

Chris Heilmann

Dev Digest 136 - No JS(on) of mine

News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can b...

almost 2 years ago

Dev Digest 136 - No JS(on) of mine

CH

Chris Heilmann

Douglas Crockford - JSON and Beyond

Back at the WeAreDevelopers World Congress in July, Douglas Crockford took the stage to tell the JSON story and what's next. You can watch the video or read all about it here.IntroductionHello dear...

almost 2 years ago

Douglas Crockford - JSON and Beyond

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Software Engineer, Angular

Barcelona, Spain

Remote Backend Caching ReactJS

22 days ago • Verified

Founding Engineer (Front End)

San Francisco, United States

Expert $180k–220k React Next.js JavaScript

Frontend Engineer

Berlin, Germany

Expert €80k–140k NestJS ReactJS TypeScript

Junior Frontend Engineer

Berlin, Germany

Starter €60k–75k NestJS ReactJS Backend

Frontend Engineer

Berlin, Germany

Starter €60k–75k NestJS ReactJS Backend

Software Engineer, Client Apps Platform

Expert $329k Remote Ruby Golang Github