-
자바스크립트 - 기초(2) / 인코딩과 디코딩프로그래밍/JavaScript 자바스크립트 2021. 9. 26.반응형
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <script type="text/javascript"> var s ="seoul?자바&123+4"; var out; out = escape(s); // 영문자, 숫자, 일부특수문자(@ * - _ + . /)를 제외한 문자 인코딩 console.log("escape : " + out); // seoul%3F%uC790%uBC14%26123+4 out = encodeURI(s); // 영문자, 숫자, 인터넷 주소에 사용하는 일부 특수문자(: / ? = + & ...)를 제외한 문자를 인코딩 console.log("encodeURI : " + out); // seoul?%EC%9E%90%EB%B0%94&123+4 out = encodeURIComponent(s); // 영문자, 숫자를 제외한 문자를 인코딩 console.log("encodeURIComponent : " + out); // seoul%3F%EC%9E%90%EB%B0%94%26123%2B4 out = decodeURIComponent(out); // 디코딩 console.log(out); </script> </head> <body> <h3>인코딩과 디코딩</h3> </body> </html>인코딩에는 3가지의 종류가 있다.
1. escape = 영문자, 숫자, 일부 특수 문자를 제외한 문자
2. encodeURI = 영문자, 숫자, 주소창에서 사용되는 일부 특수 문자를 제외한 문자
3. encodeURIComponent = 영문자, 숫자 제외한 모든 문자
특수문자가 꼬이면 골치 아파서 보통 3번 encodeURIComponent를 자주 사용한다고 한다.
디코딩은 en을 de로 바꾸어 주면 된다.
반응형'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글
자바스크립트 - 문자열 활용 (0) 2021.09.27 자바스크립트 - 함수 만들기 (0) 2021.09.27 자바스크립트 - 반복문, if문, prompt, confirm (0) 2021.09.27 자바스크립트 - 기초(3) / 타이머 함수 (0) 2021.09.26 자바스크립트 - 기초(1) (0) 2021.09.26
