How to Convert URL Parameters to a JavaScript Object in One Line?

Convert URL Parameters to JavaScript Objects

In web development scenarios, there are instances where you need to parse URL parameters and transform them into a JavaScript object for further processing. This allows you to access parameter values conveniently in your JavaScript code. Here's how you can achieve this conversion:

Solution:

A single-line JavaScript expression effectively converts URL parameters into an object:

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

Let's break down each part of the expression:

1. decodeURI("abc=foo&def=[asf]&xyz=5"): Decodes URL-encoded characters to their actual values. In this example, it converts "[asf]" to "[asf]".
2. replace(/&/g, "",""): Replaces "&" (the HTML character entity representing "&") with ""," (the JSON-friendly string "&").
3. replace(/=/g, "":""): Replaces "=" (the separator between parameter names and values) with "":"" (adding double quotes around parameter values).
4. JSON.parse('{"' ... '"}'): Parses the resulting string as JSON and returns a JavaScript object.

Example Usage:

Consider the following URL parameters:

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

Running the JavaScript line above on these parameters would yield:

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

This makes parameter values accessible as properties on the JavaScript object, providing a convenient way to leverage them in your code.

The above is the detailed content of How to Convert URL Parameters to a JavaScript Object in One Line?. For more information, please follow other related articles on the PHP Chinese website!