JavaScript でのデータ型変換を理解する

青灯夜游
リリース: 2020-10-19 18:03:19
転載
1989 人が閲覧しました

JavaScript でのデータ型変換を理解する

JavaScript では、データ型を使用して特定の種類のデータを分類し、その型に割り当てることができる値とその型に対して実行できる操作を決定します。

JavaScript は型強制により多くの値を自動的に変換しますが、望ましい結果を達成するには、型間の値を手動で変換するのが最善であることがよくあります。

このチュートリアルでは、数値、文字列、ブール値などの JavaScript の基本データ型を変換する方法を説明します。

暗黙的な変換

プログラミング言語として、JavaScript は予期しない値に対する高い耐性を持っています。したがって、JavaScript は予期しない値を完全に拒否するのではなく、変換しようとします。この暗黙的な変換は型強制と呼ばれます。

一部のメソッドは、値を使用するために自動的に値を変換します。 alert() メソッドはパラメータとして文字列を受け入れますが、他の型は自動的に文字列に変換されます。したがって、メソッドに数値を渡すことができます。

alert(8.5);
ログイン後にコピー

上記のコード行を実行すると、ブラウザは 8.5 の値を示すポップアップ警告ダイアログ ボックスを返しますが、値は 8.5 に変換されます。文字列 。

数学演算子を介して数値として評価できる文字列を扱う場合、以下の例に示すように、JavaScript は文字列を暗黙的に数値に変換することでこれらの値を処理できることがわかります。

// Subtraction "15" - "10";
ログイン後にコピー

出力: 5

// Modulo "15" % "10";
ログイン後にコピー

出力: 5

ただし、すべての演算子が期待どおりに機能するわけではありません。この演算子は加算や文字列の連結を表すことができるため、明らかに問題があります。

// When working with strings, + stands for concatenation "2" + "3";
ログイン後にコピー

出力: "23"

演算子は多目的であるため、文字列値 2 と 3 は、数値文字列であるにもかかわらず、文字列値 23 に連結されます。足すと5になります。

曖昧さが存在し、場合によっては予期しない結果につながる可能性があるため、通常はコード内でできるだけ多くのデータ型を明示的に変換することが最善です。これは、ユーザーからの入力を管理し、エラーを処理するのに役立ちます。

値を文字列に変換する

String() または N.ToString() を呼び出すことで、値を文字列に明示的に変換できます。

String() 関数を使用して、String() のパラメーターに値 true を渡して、ブール値を文字列に変換しましょう。

String(true);
ログイン後にコピー

これを実行すると、文字列リテラル「true」が返されます。

出力: "true"

あるいは、関数に数値を渡すこともできます。

String(49);
ログイン後にコピー

は数値の文字列リテラルを返します。

出力: "49"

変数を指定して String() 関数を使用してみましょう。変数 odyssey に数値を代入し、typeof 演算子を使用して型を確認します。

let odyssey = 2001; console.log(typeof odyssey);
ログイン後にコピー

出力:number

このとき、変数 odyssey には 2001 という値が代入されており、数値であることが確認できました。

ここで、odyssey を同等の文字列に再割り当てし、typeof を使用して変数の値が数値から文字列に正常に変換されたことを確認しましょう。

odyssey = String(odyssey); // "2001" console.log(typeof odyssey);
ログイン後にコピー

出力: string

上記の例では、データ型変換後に odyssey が文字列値に再代入されることを確認しました。

n.toString() も同様の方法で使用できます。 n を変数に置き換えることができます:

let blows = 400; blows.toString();
ログイン後にコピー

変数 blow は文字列として返されます。

出力: "400"

また、n.toString() 変数の代わりに括弧内に値を入れることもできます。 変数:

(1776).toString(); // returns "1776" (false).toString(); // returns "false" (100 + 200).toString(); // returns "300"
ログイン後にコピー

Pass using String()または n.toString() を使用すると、ブール値または数値データ型の値を明示的に String 値に変換して、コードが期待どおりに動作することを確認できます。

値を数値に変換する

値を数値データ型に変換する場合は、number() メソッドを使用します。まず、数値テキスト文字列を数値に変換しますが、ブール値も変換できます。

数値文字列をnumber()メソッドに渡すことができます:

Number("1984");
ログイン後にコピー

文字列は数値に変換され、「」で囲まれなくなります。引用符。

出力: 1984

文字列を変数に代入して変換することもできます。

let dalmatians = "101"; Number(dalmatians);
ログイン後にコピー

出力: 101

文字列リテラル「101」は、変数を介して数値 101 に変換されます。

空白文字列または空文字列は 0 に変換されます。

Number(" "); // returns 0 Number(""); // returns 0
ログイン後にコピー

数値以外の文字列は、非数値を意味する NaN に変換されることに注意してください。これには、スペースで区切られた数字も含まれます。

Number("twelve"); // returns NaN Number("20,000"); // returns NaN Number("2 3"); // returns NaN Number("11-11-11"); // returns NaN
ログイン後にコピー

ブール データ型の場合、false の値は 0、true の値は 1 です。

Number(false); // returns 0 Number(true); // returns 1
ログイン後にコピー

このメソッドの機能は、数値以外のデータ型を数値に変換することです。

値をブール値に変換する

数値または文字列をブール値に変換するには、Boolean() メソッドを使用できます。これは、たとえば、ユーザーがテキスト フィールドにデータを入力したかどうかを判断するのに役立ちます。

数値 0、空の文字列または未定義の値、NaN、または null など、null として解釈される値はすべて false に変換されます。

Boolean(0); // returns false Boolean(""); // returns false Boolean(undefined); // returns false Boolean(NaN); // returns false Boolean(null); // returns false
ログイン後にコピー

スペースで構成される文字列リテラルを含む他の値は true に変換されます。

Boolean(2000); // returns true Boolean(" "); // returns true Boolean("Maniacs"); // returns true
ログイン後にコピー

文字列リテラルとしての「0」は空ではない文字列値であるため、true に変換されることに注意してください:

Boolean("0"); // returns true
ログイン後にコピー

将数字和字符串转换为布尔值可以允许我们在二进制术语中计算数据,并且可以用于程序中的控制流。

相关免费学习推荐:js视频教程

以上がJavaScript でのデータ型変換を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:digitalocean.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!