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.

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior

Matching moments

Using JSON:API to focus on data, not format
11:34 MIN

Using JSON:API to focus on data, not format

API Design - Getting Started

Destructuring and matching JSON with patterns
14:30 MIN

Destructuring and matching JSON with patterns

Dart - a language believed dead, experiences a new bloom

The origin story and design principles of JSON
00:07 MIN

The origin story and design principles of JSON

JSON and Beyond

Presenting live web scraping demos at a developer conference
17:41 MIN

Presenting live web scraping demos at a developer conference

Tech with Tim at WeAreDevelopers World Congress 2024

Practical developer tips for automation and presentation
25:21 MIN

Practical developer tips for automation and presentation

WeAreDevelopers LIVE – AI vs the Web & AI in Browsers

Introduction to JavaScript design patterns
00:03 MIN

Introduction to JavaScript design patterns

10 must-know design patterns for JS Devs

JavaScript's journey from browser wars to native APIs
25:45 MIN

JavaScript's journey from browser wars to native APIs

The State Of The Web

Decoding common javascript obfuscation techniques
32:56 MIN

Decoding common javascript obfuscation techniques

Cracking the Code: Decoding Anti-Bot Systems!

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

Practice makes perfect - when it comes to RxJS33:25

Practice makes perfect - when it comes to RxJS

Jan-Niklas Wortmann

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.

Creative Javascript

Creative Javascript

Thegiglab
Amsterdam, Netherlands

Intermediate
API
CSS
HTML
jQuery
Bootstrap
+1