JavaScript decodeURI() 함수 완벽 가이드 – 구문, 예제, 출력 결과

decodeURI() 함수는 인코딩된 URI(Uniform Resource Identifier)를 나타내는 문자열을 인수로 받아, 이를 디코딩한 결과 문자열을 반환하는 JavaScript 내장 함수입니다. 주로 encodeURI()나 encodeURIComponent()로 변환된 URI를 원래 상태로 복원할 때 사용됩니다.

주요 특징

인코딩된 URI 문자열을 사람이 읽을 수 있는 원래 형태로 되돌려 줍니다.
단, 슬래시(/), 물음표(?), 콜론(:), 앰퍼샌드(&) 등 URI에서 특별한 의미를 가지는 예약 문자(reserved characters)는 디코딩하지 않습니다.
모든 문자를 완전히 디코딩하고 싶다면 decodeURIComponent() 함수를 사용해야 합니다.

구문

decodeURI() 함수의 기본 구문은 다음과 같습니다.

decodeURI(encodedURI)

매개변수: encodedURI — 디코딩할 인코딩된 URI 문자열입니다.

예제

다음 예제는 decodeURI() 함수를 사용하여 URI를 디코딩하는 기본적인 방법을 보여줍니다.

<html>
<head>
  <title>JavaScript Example</title>
</head>
<body>
  <script type="text/javascript">
    var result1 = decodeURI('https://www.qries.com/');
    document.write(result1);
    document.write("<br>");
    var result2 = decodeURI('https://www.tutorialspoint.com/');
    document.write(result2);
  </script>
</body>
</html>

인코딩된 한글 URI 디코딩 예제

실제로 한글 등 비 ASCII 문자가 퍼센트 인코딩된 URI를 디코딩하면 다음과 같습니다.

var encoded = 'https://example.com/%EC%9E%90%EB%B0%94%EC%AA%A4%ED%81%AC%EB%A6%BD%ED%8A%B8';
document.write(decodeURI(encoded));
// 출력: https://example.com/자바스크립트

출력 결과

https://www.qries.com/
https://www.tutorialspoint.com/