JavaScriptで型の変換を行うメソッドまとめ

型変換を行うメソッド

数値型(111111)を文字列型(‘111111’)に変換するために、型変換のメソッドが用意されています。

メソッド

メソッド意味返り値
Boolean(値)値を真偽値型に変換真偽値
String(値)値を文字列型に変換文字列
Number(値)値を数値型に変換数値
parseInt(文字列)文字列を数値型(整数)に変換数値
parseFloat(文字列)文字列を数値型(浮動小数点)に変換数値
型変換を行うメソッド

サンプルコード

型変換を行って出力するサンプルコードを紹介します。

Output
Boolean(1);
Boolean(0);
Boolean(‘佐藤’);
Boolean(”);
String(100);
Number(‘100’);
Number(‘佐藤’);
Number(true);
Number(false);
parseInt(‘100.2’);
Pug
div
		table.table
			tbody
				tr
					th Boolean(1);
					td#targetText
				tr 
					th Boolean(0);
					td#targetText1
				tr
					th Boolean('佐藤');
					td#targetText2
				tr
					th Boolean('');
					td#targetText3
				tr
					th String(100);
					td#targetText4
				tr
					th Number('100');
					td#targetText5
				tr
					th Number('佐藤');
					td#targetText6
				tr
					th Number(true);
					td#targetText7
				tr
					th Number(false);
					td#targetText8
				tr
					th parseInt('100.2');
					td#targetText9
JavaScript
const targetText = document.getElementById( 'targetText' );
const targetText1 = document.getElementById( 'targetText1' );
const targetText2 = document.getElementById( 'targetText2' );
const targetText3 = document.getElementById( 'targetText3' );
const targetText4 = document.getElementById( 'targetText4' );
const targetText5 = document.getElementById( 'targetText5' );
const targetText6 = document.getElementById( 'targetText6' );
const targetText7 = document.getElementById( 'targetText7' );
const targetText8 = document.getElementById( 'targetText8' );
const targetText9 = document.getElementById( 'targetText9' );

targetText.textContent = Boolean(1);
targetText1.textContent = Boolean(0);
targetText2.textContent = Boolean('佐藤');
targetText3.textContent = Boolean('');
targetText4.textContent = String(100);
targetText5.textContent = Number('100');
targetText6.textContent = Number('佐藤');
targetText7.textContent = Number(true);
targetText8.textContent = Number(false);
targetText9.textContent = parseInt('100.2');
インストラクター
コメント

コメントを残す