Dan Cranney

Tips and Tricks for Working with JSON

Did you know JSON.stringify can remove sensitive data? Learn this and other powerful tricks for transforming and cloning objects in JavaScript.

Tips and Tricks for Working with JSON
#1about 1 minute

Safely parse JSON and handle potential errors

Use a try-catch block around JSON.parse to gracefully handle invalid JSON and prevent application crashes.

#2about 1 minute

Create a helper function to validate JSON strings

Build a simple helper function that uses a try-catch block to return true or false, indicating if a string is valid JSON.

#3about 1 minute

Improve JSON readability with pretty printing

Use the third parameter of JSON.stringify to specify the number of spaces for indentation, making the output human-readable.

#4about 1 minute

Selectively exclude fields using a replacer function

Pass a function as the second argument to JSON.stringify to filter out sensitive or unnecessary fields by returning undefined for specific keys.

#5about 1 minute

Transform data during parsing with a reviver

Use the second parameter of JSON.parse as a reviver function to transform values, such as converting date strings into Date objects, during the parsing process.

#6about 1 minute

Create a deep clone of a JSON object

Perform a deep clone by serializing an object with JSON.stringify and then immediately deserializing it with JSON.parse to create a new, independent copy.

#7about 1 minute

Convert a JSON object to a URL query string

Create a function that iterates over an object's keys, URI-encodes the keys and values, and joins them with ampersands to form a valid query string.

#8about 1 minute

Dynamically create a JSON object from arrays

Generate a JSON object by programmatically combining an array of keys with a corresponding array of values using a loop.

#9about 1 minute

Merge multiple JSON objects into a single object

Combine two or more objects into one using the spread operator, where properties from later objects will overwrite those from earlier ones.

#10about 1 minute

Extract and flatten data from complex JSON

Use the flatMap method to efficiently iterate over an array of objects and extract nested array data into a single, flattened array.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Destructuring and matching JSON with patterns
01:48 MIN

Destructuring and matching JSON with patterns

Dart - a language believed dead, experiences a new bloom

The origin story and design principles of JSON
02:14 MIN

The origin story and design principles of JSON

JSON and Beyond

Using JSON:API to focus on data, not format
03:50 MIN

Using JSON:API to focus on data, not format

API Design - Getting Started

Practical developer tips for automation and presentation
08:36 MIN

Practical developer tips for automation and presentation

WeAreDevelopers LIVE – AI vs the Web & AI in Browsers

Highlighting useful developer tips and tools
06:49 MIN

Highlighting useful developer tips and tools

WeAreDevelopers LIVE - GraalVM in action, Static Analysis insights and more

Presenting live web scraping demos at a developer conference
01:57 MIN

Presenting live web scraping demos at a developer conference

Tech with Tim at WeAreDevelopers World Congress 2024

A tour of creative code demos and useful developer tools
11:20 MIN

A tour of creative code demos and useful developer tools

WeAreDevelopers LIVE – PHP Is Alive and Kicking and More

The rise of JSON and the value of stability
03:42 MIN

The rise of JSON and the value of stability

JSON and Beyond

Featured Partners

Related Videos

See all videos
JSON and Beyond18:40

JSON and Beyond

Douglas Crockford

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More1:06:44

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Chris Heilmann, Daniel Cranney & Theodore Lefevre

The Eventloop in JavaScript - How does it work?30:36

The Eventloop in JavaScript - How does it work?

Christian Woerz

Tips and Tricks: CSS Pseudo Class Selectors and Pseudo Elements09:04

Tips and Tricks: CSS Pseudo Class Selectors and Pseudo Elements

Dan Cranney

10 must-know design patterns for JS Devs28:13

10 must-know design patterns for JS Devs

Erick Wendel

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Angular tips/tricks you can use from tomorrow on50:28

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

The Art and Craft of Type Development43:20

The Art and Craft of Type Development

Michael Hladky & Stefan Baumgartner

Related Articles

View all 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 turns out, developers really like JSON, so we thought ...
Tips and Tricks: Working with 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 be incredibly slow, people wonder what even is a JSON ...
Dev Digest 136 - No JS(on) of mine
DC
Daniel Cranney
Dev Digest 195: End of Likes, JavaScript’s a Zoo, and Messing with Bots!
Inside last week’s Dev Digest 195 . 👎 No more external likes 🤗 Needy programs 📉 The worst selling Microsoft product 🟨 JavaScript engines zoo 🍞 No more toasts! 🤖 Messing with bots 👔 Beware of fake job interviews 🗞️ Join over 150,000 developers alread...
Dev Digest 195: End of Likes, JavaScript’s a Zoo, and Messing with Bots!

From learning to earning

Jobs that call for the skills explored in this talk.

Software Developer

Software Developer

Code Healers LLC
Hinesville, United States of America

Remote
€20-30K
Junior
Intermediate
React
JavaScript
TypeScript
+1
JavaScript Developer

JavaScript Developer

RedTech Recruitment
Waterbeach, United Kingdom

£50-80K
Intermediate
PHP
CSS
HTML
Java
+9