Javascriptの基本チュートリアルのデータ型変換

PHPz
リリース: 2018-09-29 16:46:22
オリジナル
1144 人が閲覧しました

JavaScript は型なし言語ですが、同時に JavaScript は自動型変換の柔軟な方法を提供します。基本的なルールは、特定の型の値が別の型の値を必要とするコンテキストで使用される場合、JavaScript はその値を必要な型に自動的に変換するということです。

すべての言語には型変換の機能があり、JavaScript も例外ではなく、グローバル関数を通じて、より複雑なデータ型を実装できる多数の型変換アクセス メソッドを開発者に提供します。

var a = 3;
var b = a + 3;
var c = "student" + a;
var d = a.toString();
var e = a + "";
document.write(typeof(a) + " " + typeof (b) + " " +typeof (c) + " " + typeof (d) + " " + typeof (e));
//输出 number number string string string
ログイン後にコピー

型変換の最も単純な例

var a=b=c=d=e=4;
var f = a+b+c+d+ c.toString();
document.write(f);
// 输出  结果 164
ログイン後にコピー

データ型を文字列に変換するには、JavaScript の toString() を使用して文字列に変換し、変換メカニズムを実装します。

var a =111;
document.writeln(a.toString(2)+"");
document.writeln(a.toString(3)+"");
document.writeln(a.toString(8)+"");
document.writeln(a.toString(10)+"");
document.writeln(a.toString(16)+"");
//执行结果
//
1101111
11010
157
111
6f
ログイン後にコピー

文字列を数値型に変換します。JavaScript はメソッドの名前と同様に、parseInt() と parseFloat() を使用して文字を整数に変換し、後者は文字を浮動小数点に変換します。数字。これら 2 つのメソッドには文字のみをディスパッチできます。それ以外の場合は NaN に変換されます。それ以上の操作は実行されません。

parseInt() は、最初に添え字 0 の文字をチェックします。この文字が有効な文字の場合は、次に 1 の文字をチェックします。有効な文字でない場合、変換は終了します。以下の例は、parseInt() の例です。

document.writeln(parseInt("4555.5544")+"");
document.writeln(parseInt("0.5544")+"");
document.writeln(parseInt("1221abes5544")+"");
document.writeln(parseInt("0xc")+"");//直接进行进制转化
document.writeln(parseInt("ahthw@hotmail.com")+"<br>");
//执行结果
4555
0
1221
12
NaN
ログイン後にコピー

parseInt を使用すると、16 進数の変換も簡単に実現できます。 (parseFloat() は parseFlaot に似ているため、ここでは例は示しません。)

document.writeln(parseInt("0421",8)+"");
document.writeln(parseInt("0421")+"");
document.writeln(parseInt("0421",16)+"");
document.writeln(parseInt("AF",16)+"");
document.writeln(parseInt("011",10)+"");
//输出结果
273
421
1057
175
11
ログイン後にコピー

上記はこの章の全内容です。その他の関連チュートリアルについては、JavaScript ビデオ チュートリアルを参照してください。 !

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート