location.searchの役割をネイティブの日本語で説明してください

1年 ago
陽, 向宇
1 minute

JavaScriptのlocation.searchは、URLのクエリパラメータ部分を取得するために使用されます。クエリパラメータはURLの「?」の後に続く部分で、1つ以上のキーバリューペアが含まれており、キーバリューペアは「=」で接続されています。

例として、次のURLについて考えてみましょう：

https://www.example.com/search?query=apple&category=fruit

location.searchは「?query=apple&category=fruit」を返します。

location.searchを使ってURLのクエリパラメータを取得し、それらをさらに処理または使用できます。split()やsubstring()などの文字列操作メソッドを使用して、クエリパラメータのキーと値を解析し、抽出できます。

クエリパラメータの読み取り例は次のとおりです。

const queryString = location.search.slice(1); // 去除第一个问号
const params = new URLSearchParams(queryString);
params.forEach((value, key) => {
console.log(`${key}: ${value}`);
});
// 输出：
// query: apple
// category: fruit

上の例では、まず **slice(1)** メソッドを使用してクエリパラメータ文字列の先頭の疑問符を取り除きます。次に、**URLSearchParams** コンストラクタを使用して、クエリパラメータ文字列を **URLSearchParams** オブジェクトに変換します。最後に、**forEach** を使用して **URLSearchParams** オブジェクト内の各キーバリューペアを反復処理し、キーと値を出力します。

location.searchを使用して、簡単にURL内のクエリパラメータを取得し、必要に応じてさらに処理することができます。

bannerAds