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

URL 매개변수를 JavaScript 객체로 변환하는 방법

웹 애플리케이션으로 작업할 때 매개변수가 포함된 URL을 접하는 것이 일반적입니다. 이러한 매개변수는 JavaScript 코드 내에서 액세스하려는 추가 정보를 전달할 수 있습니다. 이렇게 하려면 URL 매개변수를 JavaScript 개체로 변환해야 합니다.

원 라이너 솔루션

다음 한 라이너는 빠르고 간단한 방법을 제공합니다. URL 매개변수를 객체로 변환하는 방법:

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

단계별 분석

이 솔루션을 단계별로 분석해 보겠습니다.

1. URI 디코딩: 이 단계에서는 URL 매개변수에서 이스케이프된 문자를 올바르게 디코딩할 수 있습니다. 예를 들어, "&"는 "&"로 디코딩됩니다.
2. 이스케이프 따옴표: URL 매개변수의 큰따옴표는 """를 사용하여 이스케이프해야 합니다. 이렇게 하면 구문 오류를 방지할 수 있습니다. JSON 개체를 구문 분석합니다.
3. "&"를 "",""로 바꾸세요. URL 매개변수의 "&" 기호는 키-값 쌍을 나타냅니다. 그러나 JSON에서는 이러한 쌍이 필요합니다. "","(큰따옴표 안의 쉼표)로 구분됩니다.
4. "="를 "":""로 바꾸세요. URL 매개변수의 "=" 기호는 키와 값을 구분합니다. 유효한 JSON 객체를 생성하려면 "":""로 바꿔야 합니다.
5. 중괄호와 따옴표로 묶기: 마지막으로 전체 문자열을 중괄호와 큰따옴표로 묶습니다. , 이를 유효한 JSON 객체로 만듭니다.

Reviver 함수

한 줄짜리 솔루션이 대부분의 시나리오를 처리하는 동안 "와 같은 특정 문자에서 문제가 발생할 수 있습니다. %'를 URL 매개변수에 입력하세요. 이 문제를 해결하려면 JSON 객체를 구문 분석할 때 부활 함수를 사용할 수 있습니다.

<code class="javascript">JSON.parse('{&quot;' + search.replace(/&amp;/g, '&quot;,&quot;').replace(/=/g,'&quot;:&quot;') + '&quot;}', function(key, value) { return key===&quot;&quot;?value:decodeURIComponent(value) })</code>

이 부활 함수는 각 키에 대한 값을 반환하기 전에 URI 디코딩을 수행하여 모든 문자가 올바르게 처리되도록 합니다.

사용 예

이러한 솔루션 중 하나를 사용하려면 "abc=foo&def=[asf]&xyz=5"를 변환하려는 실제 URL 매개변수로 바꾸세요. 출력은 필요에 따라 액세스하고 조작할 수 있는 JavaScript 개체입니다.

위 내용은 URL 매개변수를 JavaScript 객체로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!