Converting Strings To Numbers

This JavaScript program demonstrates several methods for converting strings to numbers and diplays the results in a table.

ConvertingStringsToNumbers.html

<!DOCTYPE html>
<html>
	<head>
		<title>XoaX.net's Javascript</title>
		<script type="text/javascript" src="ConvertingStringsToNumbers.js"></script>
	</head>
	<body onload="Start()">
		<table border="3" cellspacing="0" cellpadding="5" style="background-color:white;">
			<tr><th>String</th><th>Method</th><th>Value</th></tr>
			<tr><td rowspan="6">"3.14"</td><td>Number()</td><td id="idNumber"></td></tr>
			<tr><td>parseFloat()</td><td id="idParseFloat"></td></tr>
			<tr><td>Multiply By 1</td><td id="idMultOne"></td></tr>
			<tr><td>Unary +</td><td id="idUnaryPlus"></td></tr>
			<tr><td>~~</td><td id="idTwiceTilde"></td></tr>
			<tr><td>parseInt()</td><td id="idParseIntFloat"></td></tr>
			<tr><td rowspan="4">"1011"</td><td>parseInt() Binary</td><td id="idParseIntBinary"></td></tr>
			<tr><td>parseInt() Octal</td><td id="idParseIntOctal"></td></tr>
			<tr><td>parseInt() Decimal</td><td id="idParseIntDecimal"></td></tr>
			<tr><td>parseInt() Hexadecimal</td><td id="idParseIntHexadecimal"></td></tr>
		</table>
	</body>
</html>

ConvertingStringsToNumbers.js

function Start() {
	let sStringFloat = "3.14";
	let qNumberEntry = document.getElementById("idNumber");
	qNumberEntry.innerHTML = Number(sStringFloat);
	let qParseFloatEntry = document.getElementById("idParseFloat");
	qParseFloatEntry.innerHTML = parseFloat(sStringFloat);
	let qMultByOneEntry = document.getElementById("idMultOne");
	qMultByOneEntry.innerHTML = 1*sStringFloat;
	let qUnaryPlusEntry = document.getElementById("idUnaryPlus");
	qUnaryPlusEntry.innerHTML = +sStringFloat;
	// Apply the bitwise not twice
	let qTwiceTildeEntry = document.getElementById("idTwiceTilde");
	qTwiceTildeEntry.innerHTML = ~~sStringFloat;
	let qParseIntFloatEntry = document.getElementById("idParseIntFloat");
	qParseIntFloatEntry.innerHTML = parseInt(sStringFloat);
	
	let sStringInt = "1011";
	let qParseIntBinaryEntry = document.getElementById("idParseIntBinary");
	qParseIntBinaryEntry.innerHTML = parseInt(sStringInt, 2);
	let qParseIntOctalEntry = document.getElementById("idParseIntOctal");
	qParseIntOctalEntry.innerHTML = parseInt(sStringInt, 8);
	let qParseIntDecimalEntry = document.getElementById("idParseIntDecimal");
	qParseIntDecimalEntry.innerHTML = parseInt(sStringInt, 10);
	let qParseIntHexadecimalEntry = document.getElementById("idParseIntHexadecimal");
	qParseIntHexadecimalEntry.innerHTML = parseInt(sStringInt, 16);
}

Core JavaScript

Converting Strings To Numbers

ConvertingStringsToNumbers.html

ConvertingStringsToNumbers.js

Output