Daily coding

JavaScript : 자바스크립트 2진수, 8진수, 10진수, 16진수 표현 본문

Front-end/Java Script

JavaScript : 자바스크립트 2진수, 8진수, 10진수, 16진수 표현

sunnnkim 2020. 1. 8. 11:14

* 진수의 변환은 자바에서의 방식과 비슷하다.

 

 

 

< 변수 >

var number = 12;

 


1. 10진수 -> 2진수, 8진수(String), 16진수(String)

 

* toString 사용하기

 

number.toString(2) ---> number라는 변수를 2진수로 변환 

number.toString(8) ---> number라는 변수를 8진수로 변환 (String 타입)

number.toString(16) ---> number라는 변수를 16진수로 변환 (String 타입)



2. 2진수, 8진수, 16진수 -> 10진수

 

<변수들>

var bin = 11001010;    // 2진수
var oct = "24";           // 8진수
var hex = "ab";           // 16진수

 

 

* parseInt 사용하기

 

parseInt(bin,2) -----> bin이라는 2진수를 10진수 정수형으로 변환

parseInt(oct,8) -----> oct이라는 8진수를 10진수 정수형으로 변환

parseInt(hex,16) -----> hex이라는 16진수를 10진수 정수형으로 변환

 

 

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 10진수 -> 2진수, 8진수, 16진수 -->
<p id="demo"></p>
<button type="button" onclick="func()">클릭</button>

<script type="text/javascript">

function func() {
	var number = 12;
	
	// 10진수 -> 2진수, 8진수(String), 16진수(String)
/*
	document.getElementById("demo").innerHTML =
		"10진수: " + number + "<br>" + 
		"2진수 : " + number.toString(2) + "<br>"+
		"8진수 : " + number.toString(8) + "<br>"+
		"16진수 : " + number.toString(16);
*/

	// 2진수, 8진수, 16진수 -> 10진수
	var bin = 11001010;
	var oct = "24";
	var hex = "ab";
	document.getElementById("demo").innerHTML =
		"2진수: " + bin + "-> 10진수: " + parseInt(bin,2) + "<br>" +
		"8진수: " + oct + "-> 10진수: " + parseInt(oct,8) + "<br>" +
		"16진수: " + hex + "-> 10진수: " + parseInt(hex,16);
		

}


</script>

</body>
</html>

 

 

< 예제 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 예제: 진수 -->
<h1>예제1</h1>
10진수 : <input type="text" size="10" id="dec">
<button type="button" onclick="func()">버튼</button>

<p id="bin">2진수: </p><br>
<p id="oct">8진수: </p><br>
<p id="hex">16진수: </p><br>

<script type="text/javascript">
function func() {
	var num = parseInt(document.getElementById("dec").value);
	document.getElementById("bin").innerHTML = "2진수: " + num.toString(2);
	document.getElementById("oct").innerHTML = "8진수: " + num.toString(8);
	document.getElementById("hex").innerHTML = "16진수: " + num.toString(16);
}
</script>

</body>
</html>

'Front-end > Java Script' 카테고리의 다른 글

JavaScript : 자바스크립트 핸들링 / 마우스 이벤트  (0) 2020.01.08
JavaScript : 자바스크립트에서 페이지 이동 및 페이지 관련 메소드  (0) 2020.01.08
JavaScript : String 변수와 Number변수  (0) 2020.01.08
JavaScript : setInterval() 이용하여 타이머 만들기  (0) 2020.01.07
Java Script : id / class / name - 아이디, 클래스, 네임으로 태그 데이터 받아오기  (0) 2020.01.07
'Front-end/Java Script' Related Articles more