반응형

JavaScript / parseInt(), parseFloat() - 문자열을 정수, 소수로 파싱

 

parseInt()

문자열을 정수로 파싱해주는 함수입니다.

parseInt(string, 진법)

 

예제

parseInt('100', 2) // 100을 2진법으로 생각하기 때문에 4로 출력됩니다. 

parseInt('100.2') // 100이 출력됩니다.

parseInt('0x100') // 0x100은 16진로 생각하기 때문에 256이 출력됩니다.

parseInt('abc') // 숫자가 아닌 문구가 포함될 경우에는 NaN이 출력됩니다.

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
	</head>
	<body>
		<script>
			document.write( "<p>parseInt( '12.34' ) : " + parseInt( '12.34' ) + "</p>" );
			document.write( "<p>parseInt( '100', 10 ) : " + parseInt( '100', 10 ) + "</p>" );
			document.write( "<p>parseInt( '100', 2 ) : " + parseInt( '100', 2 ) + "</p>" );
			document.write( "<p>parseInt( '0x100' ) : " + parseInt( '0x100' ) + "</p>" );
			document.write( "<p>parseInt( 'abc' ) : " + parseInt( 'abc' ) + "</p>" );
		</script>
	</body>
</html>

 

 

parseFloat()

문자열을 소수로 파싱해주는 함수입니다.

parseFloat(string)

예제

parseFloat('12.34') // 12.34를 출력합니다.

parseFloat('12.34 5') // 처음 오는 소수 문자열만 인식되기 때문에 12.34를 출력합니다.

parseFloat('abc') // 숫자가 아닌 문구가 있는 경우에는 NaN을 출력합니다.

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
	</head>
	<body>
		<script>
			document.write( "<p>parseFloat( '12.34' ) : " + parseFloat( '12.34' ) + "</p>" );
			document.write( "<p>parseFloat( '12.34 5' ) : " + parseFloat( '12.34 5' ) + "</p>" );
			document.write( "<p>parseFloat( 'abc' ) : " + parseFloat( 'abc' ) + "</p>" );
		</script>
	</body>
</html>

반응형
저작자표시

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript / onkeypress, event.keyCode - 키보드 입력 값  (0) 2020.10.20
JavaScript / 페이지 이동 (location.href, replace, reload, history.go)  (0) 2020.10.18
JavaScript 개발 환경 설치 및 Hello world 출력 - (Visual Studio Code 설치)  (0) 2020.08.09
반응형

JavaScript / event.keyCode - 키보드 입력 값

 

JavaScript의 onkeypress로 사용자의 키입력을 감지할 수 있습니다.

키 값은 event.keyCode 변수로 받고,

이 변수값은 ASCII코드로 사용되고, event.keyCode 코드표는 아래 테이블을 참고하시면 됩니다. 

그리고 Key Event를 테스트하기 위해 아래 링크를 참조하시면 됩니다. 

key를 눌렀을 때, 그 값을 확인하기 위한 용도입니다. 

unixpapa.com/js/testkey.html

 

Javascript Key Event Tester

 

unixpapa.com

예제

아래 예제는 onkeypress가 눌릴 때마다 mv 함수를 실행하도록 하는 예제입니다. 

event.keyCode를 전달인자로 주고, 이 변수를 받아 각 key 값에 따라 처리를 합니다. 

반응형
저작자표시

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript / parseInt(), parseFloat() - 문자열을 정수, 소수로 파싱  (0) 2020.10.20
JavaScript / 페이지 이동 (location.href, replace, reload, history.go)  (0) 2020.10.18
JavaScript 개발 환경 설치 및 Hello world 출력 - (Visual Studio Code 설치)  (0) 2020.08.09
반응형

PHP / urlencode(), urldecode()사용하기

 

urlencode()

URL의 쿼리 부분에 사용될 수 있도록 문자열을 인코딩합니다.

 

string urlencode  ( string $str )

<?php
 $str = "안녕하세요.";
 echo urlencode($str); //%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94.
?>

 

urldecode()

URL로 인코딩된 문자열을 디코딩합니다. 

 

string urldecode  ( string $str )

<?php
 $str="%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94.";
 echo urldecode($str); // 안녕하세요.
?>

 

<URL 코드표>

<URL 인코딩/디코딩 링크>

http://www.convertstring.com/ko/EncodeDecode/UrlDecode

 

URL 디코드 - 온라인 URL 디코더

 

www.convertstring.com

반응형
저작자표시

'프로그래밍 > PHP' 카테고리의 다른 글

PHP / str_replace() - 문자열의 특정 문구 치환  (0) 2020.10.21
PHP / strrev() - 문자열을 거꾸로 뒤집기  (0) 2020.10.21
PHP / bin2hex(), hex2bin() - 문자열<->16진수 변환  (0) 2020.10.21
PHP / base64_encode(), base64_decode() 사용하기  (0) 2020.10.18
PHP / is_numeric() - 숫자인지 확인 , is_int() - 정수인지 확인  (0) 2020.10.16
반응형

JavaScript / 페이지 이동 (location.href, replace,reload, history.go)

 

location.href

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남습니다.

 

location.href("이동할 주소");

<script> 
	location.href("www.naver.com"); // 이전페이지 히스토리가 남음
</script>

 

location.replace

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남지 않습니다.

 

location.replace("이동할 주소");

<script> 
	location.replace("www.naver.com");    // 이전페이지 히스토리가 남지 않음.
</script>

 

location.reload

현재 페이지를 새로고침 할 때 사용됩니다.

 

location.reload();

<script> 
	location.reload();      // 현재페이지 새로고침.
</script>

 

history.go

() 안의 값이 현재페이지에 대한 상대좌표로 사용되어 이동됩니다. 

history.go(-1)은 history.back()과 동일하게 동작하며, 이전 페이지로 이동됩니다. 

<script> 
	history.go(-1);   // 이전페이지 가기
    history.go(0);    // 현재 페이지 새로고침
    history.go(-2);   // 두 단계 전 페이지 가기
</script>

 

반응형
저작자표시

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript / parseInt(), parseFloat() - 문자열을 정수, 소수로 파싱  (0) 2020.10.20
JavaScript / onkeypress, event.keyCode - 키보드 입력 값  (0) 2020.10.20
JavaScript 개발 환경 설치 및 Hello world 출력 - (Visual Studio Code 설치)  (0) 2020.08.09

+ Recent posts

티스토리툴바