JavaScript jsonメソッドについて

現在、Node.jsでAPIを作成してフロントで受け取るということを学習しています。

なぜ、fetchでJSONデータを取得して受け取ったResponseオブジェクトに対してjson()メソッドを使わなければ次のthenに上手く値が渡らないのでしょうか？

.then( (resoponse) => response.json() )　//なぜここでjson()なのでしょうか？
.then( (todoList) => {//処理})

下のようにconsole.log(response)でresponseオブジェクトの中身を調べたのですがNode側で作成したJSONデータが見つからず何のためのjson()なのか更に分からなくなってしまいました。。

.then((response) => { 
         console.log(response)
         return response.json() 
     }) 
    .then((todoList) => {

console
1Response {type: "basic", url: "http://localhost:3000/api/v1/list", redirected: false, status: 200, ok: true, …}
2body: (...)
3bodyUsed: true
4headers: Headers {}
5ok: true
6redirected: false
7status: 200
8statusText: "OK"
9type: "basic"
10url: "http://localhost:3000/api/v1/list"
11__proto__: Response

全体のコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <title>WebAPI</title>
8  <style>
9    html {
10        background-color: rgb(240, 240, 240);
11    }
12  </style>
13</head>
14<body>
15  <h1>TODO List</h1>
16  <div>
17    <ul id="todo-container"></ul>
18  </div>
19
20  <script>
21    fetch('/api/v1/list')
22      .then((response) => { 
23         console.log(response)
24         return response.json() 
25      }) //.jsonした値が次の行のtodoListに渡される
26      .then((todoList) => {
27        const todoContainer = document.querySelector('#todo-container');
28
29        todoContainer.innerHTML = '';
30
31        for (const item of todoList) {
32          const li = document.createElement('li');
33          const label = document.createElement('label');
34          const checkbox = document.createElement('input');
35          checkbox.type = 'checkbox';
36          checkbox.checked = item.done;
37          const text = new Text(item.title);
38
39          label.appendChild(checkbox);
40          label.appendChild(text);
41
42          li.appendChild(label);
43
44          todoContainer.appendChild(li);
45        }
46      })
47  </script>
48</body>
49</html>
50

javascript
1const express = require('express');
2const app = express();
3
4app.use(express.static('web'));
5
6app.get('/api/v1/list', (req, res) => {
7  const todoList = [
8    {title: 'javascript学習', done: true},
9    {title: 'Node.js学習', done: true},
10    {title: 'API学習', done: false},
11  ];
12
13  res.json(todoList);
14});
15
16
17app.listen(3000, () => console.log('Listening on port 3000'));