The Life Starter
0 of 6 complete0%
Course Library · Lesson 2 of 6
Digital · Guided lesson

Parse structured values without guessing types

About 31 minutes · 6 reading + 25 practice and checks
Time includes reading, practice, and questions. Extra videos or further study are optional.
See this course’s project requirements

A tested local API-response viewer with a request contract, validation rules, six response cases and an honest integration handoff.

Keep your working files in your own notebook or software. Save a private description, checklist, and work link in My Proof.

What to include

  • Request/response contract with limits.
  • Type and status observations.
  • Working local viewer.
  • Explicit empty/error/validation behavior.
  • Six-case test matrix and README.

Review and revise

Use these criteria to check your work and choose what to improve.

  • Fields and types are understood.
  • Failures do not show stale results.
  • All six cases behave as described.
  • Simulation and live-integration limits are explicit.
Open the full course project
Want more background?
Before you begin

The idea in everyday life

Build a read-only viewer for a fictional library-hours API contract.

The idea

Parsing turns text into values; it does not decide whether the values are suitable.

Follow along

Parse structured values without guessing types — guided practice

Distinguish JSON strings, numbers, arrays and missing fields.

Save api-viewer.html from the download and open it in a modern browser. Open its source in a text editor. The complete original file supplies every fixture and function. It simulates GET /hours locally; it does not contact a real library. Reload after edits; restore the supplied file before each lesson unless told otherwise.

  1. 1. Inspect a number

    Find opens:12 in the success East record. In JSON text it is written "opens":12.

    You should see: The value is numeric.

    Number operations require a deliberate type choice.

  2. 2. Inspect the wrong type

    Choose wrong-type and click Load hours.

    You should see: The viewer reports Invalid branch record.

    The string "12" is not the integer 12 in this contract.

  3. 3. Run a parser example

    In the browser console run the exact expression.

    typeof JSON.parse('{"opens":12}').opens

    You should see: The returned value is number.

    typeof reveals the parsed value’s JavaScript type.

  4. 4. Compare a missing value

    Run the second expression.

    JSON.parse('{"name":"West"}').opens

    You should see: It returns undefined because the field is absent.

    Missing is different from an explicit zero.

Now change one thing

Parse {"counts":[2,5,8]}. Enter the value at index 1.

Your work

What to finish

A three-case type note: number, string and absent.

Common mistake

Watch for this

Automatically converting every blank or absent field into zero.

How can I tell I understand it?

Complete the changed case, explain your result, and pass the three application checks.

Try 3 questions

Quick knowledge check

Answer all 3 questions. Get at least 2 right and the lesson completes automatically.

Not yet passed

You’ll get an explanation for each answer. Signed in? Your results save to your account.

1After JSON.parse, what is the type of the value in {"count":"4"}?
2Which text is valid JSON?
3A numeric field is absent. Which approach avoids inventing data?
0 of 3 answeredApply the lesson to a short question, then review the explanation.
2
Finish this lesson

Pass the check. We’ll save the progress.

Answer all 3 questions above and get at least 2 right. You can review the explanations and try again.

Go to the knowledge check
Optional course overview video · same video as Lesson 1
freeCodeCamp.orgAPIs for Beginners - How to use an API (Full Course / Tutorial)YouTube
Optional course overview

APIs for Beginners - How to use an API (Full Course / Tutorial)

From freeCodeCamp.org. Watch here or open it on YouTube .

Optional course overview. Follow the written steps below at your own pace.
Tools, templates, and lesson sources

Tools and templates

Tools open in a new tab so you can keep your place here.

Sources and further reading

Explore the references behind this lesson.

MDN: Working with JSON
Source & access notes · checked 2026-09-12

Opened and inspected on 2026-09-12: JSON types and parsing.

Access: Free public web page; no paid enrollment required.

Reuse: Public reference; link only. LifeStarter prose, exercises and files are independently authored.

Report a problem with this lesson

Tell us what went wrong. Please leave out personal information and private project contents.

No sign-in needed.