次の例は、 append() を使用してヘッダーを追加する方法を示しています。

var myHeaders = new Headers(); // Currently empty
myHeaders.append("Content-Type", "image/jpeg");
myHeaders.get("Content-Type"); // Returns 'image/jpeg'

出力:

“image/jpeg”

次の例は、複数の値を受け入れる新しいヘッダーを追加する方法を示しています。

var myHeaders = new Headers(); // Currently empty
myHeaders.append("Accept-Encoding", "deflate");
myHeaders.append("Accept-Encoding", "gzip");
myHeaders.get("Accept-Encoding"); // Returns 'deflate, gzip'

出力:

{“deflate”, “gzip”} 

次の例は、 最初に append() を使用して Headers オブジェクトにヘッダーを追加し、次に delete() を使用して同じヘッダーを削除する方法を示しています。

var myHeaders =newHeaders();// Currently empty
myHeaders.append("Content-Type","image/jpeg");
myHeaders.get("Content-Type");// Returns 'image/jpeg'

次の例は、Headers オブジェクトが既に削除されている場合、エンドポイントが値 null を返すことを示しています。

myHeaders.delete("Content-Type");
myHeaders.get("Content-Type");// Returns null, as it has been deleted

出力:

null

次の例は、テスト Headers オブジェクトを作成し、 entries() メソッドを使用して Headers オブジェクト内のすべての値の反復子を返す方法を示しています。

// Create a test Headers object
var myHeaders = new Headers();
myHeaders.append("Content-Type", "text/xml");
myHeaders.append("Vary", "Accept-Language");

// Display the key/value pairs
for (var pair of myHeaders.entries()) {
  console.log(`${pair[0]}: ${pair[1]}`);
}

出力:

content-type: text/xml
vary: Accept-Language

次の例では、Headers オブジェクトのキーと値のペアごとに行をログに記録します。

// Create a new test Headers object
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
myHeaders.append("Cookie", "This is a demo cookie");
myHeaders.append("compression", "gzip");

// Display the key/value pairs
myHeaders.forEach((value, key) => {
  console.log(`${key} ==> ${value}`);
});

出力:

compression ==> gzip
content-type ==> application/json
cookie ==> This is a demo cookie

以下は、 append() を使用して複数のヘッダーを持つヘッダーオブジェクトを作成し、 get() メソッドを使用してヘッダーの値を返す方法を示しています。

var myHeaders = new Headers(); // Currently empty
myHeaders.append("Accept-Encoding", "deflate");
myHeaders.append("Accept-Encoding", "gzip");
myHeaders.get("Accept-Encoding"); // Returns "deflate, gzip"
myHeaders
  .get("Accept-Encoding")
  .split(",")
  .map((v) => v.trimStart()); // Returns [ "deflate", "gzip"

出力:

[ "deflate", "gzip" ]

次のスクリプト例は、 getSetCookie() を使用して応答に関連付けられたヘッダー値を返す方法を示しています。

var headers = new Headers({
  "Set-Cookie": "name1=value1",
});

headers.append("Set-Cookie", "name2=value2");

headers.getSetCookie();

出力:

["name1=value1", "name2=value2"]

次の例では、 Headers() メソッドと append() メソッドを使用して、Content-Type ヘッダーを持つ Headers オブジェクトを作成および設定します。次に、この例では、 has() メソッドを使用して、Content-Type ヘッダーが Headers オブジェクトに存在するが、Accept-Coding ヘッダーが存在しないことを示します。

var myHeaders = new Headers(); // Currently empty
myHeaders.append("Content-Type", "image/jpeg");
myHeaders.has("Content-Type"); // Returns true
myHeaders.has("Accept-Encoding"); // Returns false

出力:

true
false

次の例は、キーを持つ Headers オブジェクトを作成し、 keys() メソッドを使用して使用可能なヘッダーのリストを返す方法を示しています。

// Create a test Headers object
var myHeaders = new Headers();
myHeaders.append("Content-Type", "text/xml");
myHeaders.append("Vary", "Accept-Language");

// Display the keys
for (var key of myHeaders.keys()) {
  console.log(key);
}

出力:

content-type
vary

次の例は、 append() を使用して新しい Headers オブジェクトにヘッダーを設定し、 set() を使用して値をリセットする方法を示しています。

var myHeaders = new Headers(); // Currently empty
myHeaders.append("Content-Type", "image/jpeg");
myHeaders.set("Content-Type", "text/html");

出力:

text/html

次の例は、Headers オブジェクトが複数の値を受け入れる場合に、そのオブジェクトに値を設定する方法を示しています。

myHeaders.set("Accept-Encoding", "deflate");
myHeaders.set("Accept-Encoding", "gzip");
myHeaders.get("Accept-Encoding");

出力:

gzip

次の例は、 append() メソッドを使用して複数のヘッダーを持つ新しい Headers オブジェクトを最初に作成して設定し、 values() メソッドを呼び出して新しいオブジェクト内のすべてのヘッダー値のリストを返す方法を示しています。Console.log() は 行をシステムログに記録します。

// Create a test Headers object
var myHeaders = new Headers();
myHeaders.append("Content-Type", "text/xml");
myHeaders.append("Vary", "Accept-Language");

// Display the values
for (var value of myHeaders.values()) {
  console.log(value);
}

出力:

text/xml
Accept-Language