res.json for JSON responses in Express

Introduction

res.json sends data as JSON from a server to a client. It helps share information in a simple, readable way.

When you want to send data from your Express server to a web page or app.

When building APIs that return data for other programs to use.

When you want to send error messages or status updates in a clear format.

When you want to share lists, objects, or any structured data easily.

When you want to respond to a client request with JSON instead of HTML.

Syntax

Express

res.json(data)

data can be any JavaScript object or array.

This method automatically sets the response header Content-Type to application/json.

Examples

Sends a JSON object with a message property.

Express

res.json({ message: 'Hello, world!' })

Sends a JSON array of numbers.

Express

res.json([1, 2, 3])

Sends a nested JSON object with success status and user data.

Express

res.json({ success: true, data: { id: 5, name: 'Alice' } })

Sample Program

This Express server listens on port 3000. When you visit /greet, it sends a JSON response with a greeting message.

Express

import express from 'express';
const app = express();

app.get('/greet', (req, res) => {
  res.json({ greeting: 'Hello from Express!' });
});

app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

Important Notes

res.json converts your JavaScript object to a JSON string automatically.

It also ends the response, so you don't need to call res.end() after.

Use res.json to make your API responses easy to read and use by other programs.

Summary

res.json sends JSON data from server to client.

It sets the right headers and formats data automatically.

Use it to share data clearly in APIs or web apps.

Practice

1. What does res.json() do in an Express app?

easy

A. Parses JSON data from a file

B. Reads JSON data from the client request

C. Sends a JSON response to the client with proper headers

D. Logs JSON data to the server console

Solution

1. Step 1: Understand the purpose of res.json()

   This method is used to send JSON data back to the client in an HTTP response.

2. Step 2: Recognize header setting and formatting

   It automatically sets the Content-Type header to 'application/json' and converts the JavaScript object to JSON format.

3. Final Answer:

   Sends a JSON response to the client with proper headers -> Option C

4. Quick Check:

   res.json() sends JSON response [OK]

Hint: Remember: res.json sends data, not reads it [OK]

Common Mistakes:

• Confusing res.json with reading client data
• Thinking it logs data instead of sending
• Assuming it parses files automatically

2. Which of the following is the correct syntax to send a JSON response with Express?

easy

A. res.json({ message: 'Hello' })

B. res.sendJson({ message: 'Hello' })

C. res.jsonify({ message: 'Hello' })

D. res.send({ json: 'Hello' })

Solution

1. Step 1: Identify the correct method name

   The Express method to send JSON is res.json(), not res.sendJson() or res.jsonify().

2. Step 2: Check the argument format

   The argument should be a JavaScript object, like { message: 'Hello' }.

3. Final Answer:

   res.json({ message: 'Hello' }) -> Option A

4. Quick Check:

   Correct method is res.json() [OK]

Hint: Use res.json() exactly, no extra letters [OK]

Common Mistakes:

• Using res.sendJson or res.jsonify which don't exist
• Passing string instead of object
• Mixing res.send with JSON method

3. What will the client receive when this Express route runs?

app.get('/data', (req, res) => {
  res.json({ success: true, count: 5 });
});

medium

A. success: true, count: 5

B. ["success", true, "count", 5]

C. An error because res.json needs a string

D. {"success":true,"count":5}

Solution

1. Step 1: Understand what res.json sends

   It converts the JavaScript object into a JSON string with keys and values properly quoted.

2. Step 2: Check the exact JSON format

   The object { success: true, count: 5 } becomes the JSON string '{"success":true,"count":5}'.

3. Final Answer:

   {"success":true,"count":5} -> Option D

4. Quick Check:

   res.json sends JSON string [OK]

Hint: res.json sends JSON string with quotes around keys [OK]

Common Mistakes:

• Thinking it sends array format
• Assuming it sends plain text without quotes
• Believing res.json requires string input

4. Identify the error in this Express code snippet:

app.get('/info', (req, res) => {
  res.json = { name: 'Alice' };
});

medium

A. Missing parentheses after res.json()

B. res.json is assigned an object instead of called as a function

C. res.json cannot send objects, only strings

D. Route path should be '/info/' with trailing slash

Solution

1. Step 1: Check how res.json is used

   The code assigns an object to res.json instead of calling it as a function.

2. Step 2: Understand correct usage

   res.json is a method and should be called like res.json({ name: 'Alice' });

3. Final Answer:

   res.json is assigned an object instead of called as a function -> Option B

4. Quick Check:

   res.json must be called, not assigned [OK]

Hint: res.json is a function, always call it with () [OK]

Common Mistakes:

• Assigning to res.json instead of calling it
• Forgetting parentheses after res.json
• Thinking res.json only accepts strings

5. You want to send a JSON response with a list of users but only include users with active status true. Which code correctly uses res.json to do this?

const users = [
  { id: 1, active: true },
  { id: 2, active: false },
  { id: 3, active: true }
];

app.get('/active-users', (req, res) => {
  // Fill in here
});

hard

A. res.json(users.filter(user => user.active));

B. res.json(users.map(user => user.active));

C. res.json(users);

D. res.json(users.filter(user => user.id));

Solution

1. Step 1: Filter users by active status

   Use users.filter(user => user.active) to get only users where active is true.

2. Step 2: Send filtered list as JSON response

   Pass the filtered array to res.json() to send it properly formatted.

3. Final Answer:

   res.json(users.filter(user => user.active)); -> Option A

4. Quick Check:

   Filter active users, then send JSON [OK]

Hint: Filter first, then send with res.json() [OK]

Common Mistakes:

• Using map instead of filter, sending booleans only
• Sending full users list without filtering
• Filtering by id instead of active status