한 줄로 URL 매개변수를 JavaScript 개체로 변환하는 방법은 무엇입니까?

URL 매개변수를 JavaScript 객체로 변환

웹 개발 시나리오에는 URL 매개변수를 구문 분석하여 이를 추가 처리를 위한 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 매개변수를 JavaScript 개체로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!