Javascript) encodeURI, decodeURI, encodeURIComponent, decodeURIComponent

Uri encode & decode

한글과 같은 데이터를 표기할때 사용되기도하고 데이터 송수신에 주로 사용된다.

 

encodeURI

encodeURI("A");

A

 

encodeURI("한");

%ED%95%9C

 

encodeURI("&");

&

 

encodeURIComponent : 추가로 URI 구성 요소에도 적용

encodeURIComponent("A");

A

 

encodeURIComponent("한");

%ED%95%9C

 

encodeURIComponent("&");

%26

 

encodeURIComponent 가 더 넓은 범위이다.

; /? : @ & = $, # 와 같은 특수문자를 글자 취급하여 변환한다.

 

decodeURI

; /? : @ & = $, # 와 같은 특수문자를 변환하지 못한다.

 

만약, https://hi098123.tistory.com/ 를 https%3A%2F%2Fhi098123.tistory.com%2F 로 encodeURIComponent를 이용하여 변환했다.

 

decodeURI("https%3A%2F%2Fhi098123.tistory.com%2F");

https%3A%2F%2Fhi098123.tistory.com%2F

: / 를 변환해주지 못했다.

decodeURIComponent : 추가로 URI 구성 요소에도 적용

마찬가지로 ; /? : @ & = $, # 와 같은 특수문자를 글자 취급하여 변환한다.

decodeURIComponent("https%3A%2F%2Fhi098123.tistory.com%2F");

https://hi098123.tistory.com/

: / 를 변환해준다.

 

; /? : @ & = $, # 를 변환하나 안하나의 차이가 전부다.

 

Decode 가능한 범위는 %00 ~ %7F 이다.