URL パラメータを 1 行で JavaScript オブジェクトに変換する方法

URL パラメーターを JavaScript オブジェクトに変換する

Web 開発シナリオでは、URL パラメーターを解析して、それらを JavaScript オブジェクトに変換する必要がある場合があります。さらに処理するための JavaScript オブジェクト。これにより、JavaScript コードでパラメーター値に簡単にアクセスできるようになります。この変換を実現する方法は次のとおりです:

解決策:

単一行の JavaScript 式は、URL パラメータを効果的にオブジェクトに変換します:

<code class="javascript">JSON.parse('{&quot;' + decodeURI("abc=foo&def=%5Basf%5D&xyz=5").replace(/&amp;/g, "&quot;,&quot;").replace(/=/g, "&quot;:&quot;") + '&quot;}')</code>

式の各部分を分解してみましょう:

1. decodeURI("abc=foo&def=[asf]&xyz=5"): URL エンコードされた文字を実際の値にデコードします。この例では、「[asf]」を「[asf]」に変換します。
2. replace(/&/g, "",""): "&" を置き換えます ( 「&」) を「",」 (JSON フレンドリーな文字列「&」) で表す HTML 文字エンティティ。
3. replace(/=/g, "":""): "= (パラメーター名と値の間の区切り文字) を "":"" (パラメーター値の前後に二重引用符を追加) に置き換えます。
4. JSON.parse('{"' ... '" }'): 結果の文字列を JSON として解析し、JavaScript オブジェクトを返します。

使用例:

次の URL パラメーターを考慮してください:

abc=foo&def=%5Basf%5D&xyz=5

これらのパラメーターに対して上記の JavaScript 行を実行すると、次の結果が得られます。

<code class="javascript">{
  abc: 'foo',
  def: '[asf]',
  xyz: 5
}</code>

これにより、パラメーター値が JavaScript オブジェクトのプロパティとしてアクセス可能になり、コード内でパラメーター値を活用する便利な方法が提供されます。 .

以上がURL パラメータを 1 行で JavaScript オブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。