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

Exploring modern JavaScript performance and new CSS features
08:07 MIN

Exploring modern JavaScript performance and new CSS features

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

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

Solving date and time issues with the Temporal API
06:47 MIN

Solving date and time issues with the Temporal API

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

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

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

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Final advice for developers adapting to AI
03:07 MIN

Final advice for developers adapting to AI

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Making accessibility tooling actionable and encouraging
03:58 MIN

Making accessibility tooling actionable and encouraging

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Featured Partners

Related Videos

See all videos
JSON and Beyond18:40

JSON and Beyond

Douglas Crockford

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

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

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
Software Developers

Software Developers

Code Healers LLC
Hinesville, United States of America

Remote
€30-40K
Intermediate
Senior
.NET
React
JavaScript
+2
JS Node Developer

JS Node Developer

OfferZen
The Hague, Netherlands

Intermediate
CSS
REST
React
Vue.js
Node.js
+6