Deserialization

Contents
Start from unknown
Guard every field
Nested objects
Arrays of records

Start from unknown

Data from JSON, files, or the network arrives without a compile time type. Parse it into unknown first, which forces every reader to prove the shape before use.

JSON.parse returns any, so assign the result to an unknown binding right away. From that point the checker blocks property access until a guard passes.

const data: unknown = JSON.parse("{\"ok\":true}"); console.log(data);

Guard every field

A guard is a small function that answers one question, such as whether a value is a string. Combine tiny guards to describe bigger shapes without writing one giant check.

Return plain booleans at first and upgrade to type predicates later. Even boolean guards document the expected shape and centralize every runtime check.

function isString(value: unknown): boolean { return typeof value === "string"; } const flag: boolean = isString("hi"); console.log(flag);

Nested objects

Objects need checks for their container shape before any field check. Reject null and non objects early, then test for the presence of each required key.

Write the guard as a type predicate so a passing check narrows the value for the rest of the scope. Later code then reads fields with full editor support.

type User = { name: string; }; function isUser(value: unknown): value is User { if (typeof value !== "object") { return false; } if (value === null) { return false; } return "name" in value; }

Arrays of records

Arrays add one more layer: prove the value is an array, then guard each element. Collect the elements that pass and skip or report the rest.

Loop with a plain for of, push matching items into a typed result array, and return it. Callers receive clean records and never touch raw unknown again.

// User and isUser from above function allUsers(values: Array<unknown>): Array<User> { const found: Array<User> = []; for (const item of values) { if (isUser(item)) { found.push(item); } } return found; }

Next: Capstone: todo CLI

Article author: Arthur Isaev

Related articles
TypeScript
TypeScript course: zero to hero in 100 lessons
What is TypeScript and where it runs
Install TypeScript
Your first program
tsconfig.json
Basic types
any, unknown, never
Arrays and tuples
Type aliases
Interfaces
Unions and literals
Function types
Parameters
Overloads
Generics
Constraints
Return types
Arrow functions
Callbacks
Narrowing
Assertions
Classes
Constructors
Modifiers
implements
Abstract classes
static
Getters and setters
Enums
ES modules
Decorators
Discriminated unions
Intersections
Mapped types
Conditional types
infer
Template literal types
keyof and typeof
Utility types
satisfies
const assertions
tsc CLI
tsconfig deep dive
Strict mode
Source maps
Declaration files
Linting
Formatting
Debugging
Project references
Publishing packages
Run with Node
npm scripts
argv and env
Files with fs
path and os
JSON IO
Dates
Crypto random
Timers
process
Callbacks to promises
Promises
async and await
Promise.all
Promise.race
HTTPS client
Abort and timeouts
Async error handling
Sequential vs parallel
Event loop
Tests with assert
Test layout
Fixtures
Test doubles
CI tests
DOM basics
DOM events
Fetch in browsers
Forms
Web storage
Npm packages
Bundling concept
SPA concepts
Typed API client
Hand-rolled validation
Iterators and generators
Mixins
Branding nominal types
Result types
Options objects
Builder
Event emitters
Streams
Workers
Deserialization
Capstone: todo CLI
Capstone: JSON API
Capstone: utils library
Modern TypeScript tour
Hero roadmap: the whole course on one page
Install TypeScript on Windows 11
Install TypeScript on Ubuntu
Install TypeScript on Rocky Linux
Install TypeScript on macOS
Install TypeScript on FreeBSD
TypeScript in Docker

Search this site

Channel @aofeed Chat @aofeedchat

Contacts and cooperation:
I recommend our hosting beget.ru
Write to info@urn.su, info@aredel.com if you:
1. Want to write an article for our site or translate an article into your native language.
2. Want to place thematically relevant ads on the site.
3. Ads on my site pass maximum censorship. If you see an ad block unsuitable for school-age children, shocking or misleading - please contact us by e-mail
4. Found a mistake, inaccuracy, bug, etc. on the site. ... .......
5. Articles can be shared on social media by clicking a network icon: