From cdf7840583cb1e167470fc7e72eca8291e007e1e Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 26 Jul 2023 22:49:13 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/25=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/urlsearchparams/foreach/index.md | 43 ++++++++++------ .../ja/web/api/urlsearchparams/keys/index.md | 31 ++++++------ .../web/api/urlsearchparams/values/index.md | 49 +++++++++++++------ 3 files changed, 79 insertions(+), 44 deletions(-) diff --git a/files/ja/web/api/urlsearchparams/foreach/index.md b/files/ja/web/api/urlsearchparams/foreach/index.md index 1fedfcdddd73fe..0ad41ccfad4ea1 100644 --- a/files/ja/web/api/urlsearchparams/foreach/index.md +++ b/files/ja/web/api/urlsearchparams/foreach/index.md @@ -1,55 +1,70 @@ --- -title: URLSearchParams.forEach() +title: "URLSearchParams: forEach() メソッド" +short-title: forEach() slug: Web/API/URLSearchParams/forEach +l10n: + sourceCommit: 592f6ec42e54981b6573b58ec0343c9aa8cbbda8 --- {{APIRef("URL API")}} -{{domxref("URLSearchParams")}} インターフェイスの **`forEach()`** メソッドを使用すると、コールバック関数を介してこのオブジェクトに含まれるすべての値を反復処理できます。 +**`forEach()`** は {{domxref("URLSearchParams")}} インターフェイスのメソッドを使用すると、コールバック関数を介してこのオブジェクトに含まれるすべての値を反復処理できます。 {{availableinworkers}} ## 構文 +```js-nolint +forEach(callback) +forEach(callback, thisArg) ``` -searchParams.forEach(callback); -``` -### パラメーター +### 引数 + +- `callback` + + - : それぞれの要素に対して実行される関数で、以下の引数が渡されます。 -- callback - - : 各パラメーターに対して実行されるコールバック関数。 そのパラメーターとして提供されたパラメーター値を使用します。 + - `value` + - : `URLSearchParams` オブジェクトで現在処理中の項目の値です。 + - `key` + - : `URLSearchParams` オブジェクトで現在処理中の項目のキーです。 + - `searchParams` + - : `forEach()` が呼び出された `URLSearchParams` オブジェクトです。 -### 戻り値 +- `thisArg` {{optional_inline}} + - : `callback` の実行中に `this` として使用される値です。 -無効。 +### 返値 + +なし ({{jsxref("undefined")}})。 ## 例 ```js // テスト用の URLSearchParams オブジェクトの作成 -var searchParams = new URLSearchParams("key1=value1&key2=value2"); +const searchParams = new URLSearchParams("key1=value1&key2=value2"); // 値の記録 -searchParams.forEach(function(value, key) { +searchParams.forEach((value, key) => { console.log(value, key); }); ``` 結果は次のとおりです。 -``` +```plain value1 key1 value2 key2 ``` -## 仕様 +## 仕様書 {{Specifications}} ## ブラウザーの互換性 -{{Compat("api.URLSearchParams.forEach")}} +{{Compat}} ## 関連項目 diff --git a/files/ja/web/api/urlsearchparams/keys/index.md b/files/ja/web/api/urlsearchparams/keys/index.md index 05bbfd2fc70b81..085f633303e61d 100644 --- a/files/ja/web/api/urlsearchparams/keys/index.md +++ b/files/ja/web/api/urlsearchparams/keys/index.md @@ -1,55 +1,58 @@ --- -title: URLSearchParams.keys() +title: "URLSearchParams: keys() メソッド" +short-title: keys() slug: Web/API/URLSearchParams/keys +l10n: + sourceCommit: 592f6ec42e54981b6573b58ec0343c9aa8cbbda8 --- {{APIRef("URL API")}} -{{domxref("URLSearchParams")}} インターフェイスの **`keys()`** メソッドは、このオブジェクトに含まれるすべてのキーを反復処理できる {{jsxref("Iteration_protocols",'iterator')}} を返します。 キーは {{domxref("USVString")}} オブジェクトです。 +**`keys()`** は {{domxref("URLSearchParams")}} インターフェイスのメソッドで、このオブジェクトに含まれるすべてのキーを反復処理できる{{jsxref("Iteration_protocols",'イテレーター')}}を返します。 キーは文字列です。 -{{availableinworkers}} +> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で利用できます。 ## 構文 -``` -searchParams.keys(); +```js-nolint +keys() ``` -### パラメーター +### 引数 なし。 -### 戻り値 +### 返値 -{{jsxref("Iteration_protocols","iterator")}} を返します。 +{{jsxref("Iteration_protocols","イテレーター")}}を返します。 ## 例 ```js // テスト用の URLSearchParams オブジェクトの作成 -var searchParams = new URLSearchParams("key1=value1&key2=value2"); +const searchParams = new URLSearchParams("key1=value1&key2=value2"); // キーの表示 -for(var key of searchParams.keys()) { +for (const key of searchParams.keys()) { console.log(key); } ``` 結果は次のとおりです。 -``` +```plain key1 key2 ``` -## 仕様 +## 仕様書 {{Specifications}} ## ブラウザーの互換性 -{{Compat("api.URLSearchParams.keys")}} +{{Compat}} ## 関連項目 -- {{domxref("URL")}} インターフェイス。 +- {{domxref("URL")}} インターフェイス diff --git a/files/ja/web/api/urlsearchparams/values/index.md b/files/ja/web/api/urlsearchparams/values/index.md index 54ca996b431ef2..b3e2880bbc5da2 100644 --- a/files/ja/web/api/urlsearchparams/values/index.md +++ b/files/ja/web/api/urlsearchparams/values/index.md @@ -1,55 +1,72 @@ --- -title: URLSearchParams.values() +title: "URLSearchParams: values() メソッド" +short-title: values() slug: Web/API/URLSearchParams/values +l10n: + sourceCommit: 592f6ec42e54981b6573b58ec0343c9aa8cbbda8 --- {{APIRef("URL API")}} -{{domxref("URLsearchParams")}} インターフェースの **`values()`** メソッドは、このオブジェクトに含まれるすべての値を反復処理できる {{jsxref("Iteration_protocols",'iterator')}} を返します。 値は {{domxref("USVString")}} オブジェクトです。 +**`values()`** は {{domxref("URLsearchParams")}} インターフェイスのメソッドで、このオブジェクトに含まれるすべての値を反復処理できる{{jsxref("Iteration_protocols",'イテレーター')}}を返します。 値は文字列です。 {{availableinworkers}} ## 構文 -``` -searchParams.values(); +```js-nolint +values() ``` -### パラメーター +### 引数 なし。 -### 戻り値 +### 返値 -{{jsxref("Iteration_protocols","iterator")}} を返します。 +{{jsxref("Iteration_protocols","イテレーター")}}を返します。 ## 例 +次の例では、`URLSearchParams` コンストラクターに URL 検索文字列を渡し、`values()` が返すイテレーターを使って値をコンソールに表示します。 + ```js -// テスト用の URLSearchParams オブジェクトの作成 -var searchParams = new URLSearchParams("key1=value1&key2=value2"); +const searchParams = new URLSearchParams("key1=value1&key2=value2"); -// 値の表示 -for(var value of searchParams.values()) { +for (const value of searchParams.values()) { console.log(value); } ``` 結果は次のとおりです。 -``` +```plain value1 value2 ``` -## 仕様 +この例も上記とほぼ同じですが、先にイテレーターを配列にキャストしています。 + +```js +const searchParams = new URLSearchParams("key1=value1&key2=value2"); + +console.log(Array.from(searchParams.values())); +``` + +結果は次の通りです。 + +```plain +['value1', 'value2'] +``` + +## 仕様書 {{Specifications}} ## ブラウザーの互換性 -{{Compat("api.URLSearchParams.values")}} +{{Compat}} -## 関連項目 +## 関連情報 -- {{domxref("URL")}} インターフェイス。 +- {{domxref("URL")}} インターフェイス