JavaScript データ型変換の例 (他の型を文字列、数値型、ブール型に変換する)

JavaScript データ型変換の例 (他の型を文字列、数値型、ブール型に変換する)

序文

データ型変換とは何ですか?

フォームまたはプロンプトを使用して取得されるデフォルトのデータ型は文字列です。この場合、加算および減算演算を直接実行することはできず、変数のデータ型を変換する必要があります。

簡単に言えば、データ型変換とは、あるデータ型を別のデータ型に変換することです。

日常的にコードを使用する中で、数値型を文字列に変換したり、null/undefined をブール型に変換したりするなど、データ型を変換する必要に迫られることがあります。この記事では、主に次の 3 種類の変換について説明します。

  • 他の型は文字列に変換されます
  • 他の型は数値型に変換されます
  • 他の型はブール型に変換されます

その他の型は文字列に変換されます:

3つの方法があります

//最初のメソッド var a=5; //数値型を文字列に変換 var b=a.toString();
console.log(b); //コンソールはブラウザに出力情報を出力できます console.log(typeof b); //typeofは現在のテキストの種類を表示できます //2番目の方法 var a=5;
console.log(String(a));//文字列型に変換された内容を直接出力する//3番目の方法 var a=5;
var b = ''+a;
コンソールログ(b);
//このメソッドは、JS にプラス記号がある場合、最初に遭遇した文字列型から始まり、後続のすべての文字列型が文字列型に変換されるという事実を利用しています。

ブール型を文字列型に変換する場合

var a = true;
console.log(String(a));//上記の3つのタイプのいずれかを選択します

変換後の結果は依然として正しい

しかし、

console.log(typeofString(a));

検証後、表示は依然として正しいものの、型が文字列型に変換されていることがわかります。

他の型は数値型に変換されます

3つの方法もあります

//最初のメソッド var a='1';
var b = 数値(a);
console.log(b); // 内容は数値の文字型変換であり、最終的な表示結果は元の値です var c=Number('c');
var d = Number (null); //ここでnullは0に変換できます
var e = Number(未定義);
コンソールログ(c,d,e);
//出力結果はNaN 0 NaN
//NaNは数値ではないことを意味します

注意: 文字列型を数値型に変換する場合、文字列の内容は数値である必要があります。そうでない場合は、NaN が表示されます。

// 2 番目のメソッド // int は整数値を表します var a=parseInt('5');
var b = parseInt('q12');
var c = parseInt(null);
var d = parseInt(未定義);
コンソールにログ出力します。
 
//出力結果は5 NaN NaN NaN

ご覧のとおり、2 番目のメソッドの null は 0 ではなく NaN に変換されます。

// 3 番目のメソッド // float は浮動小数点値を表します var a=parseFloat('2.56qwe');
var b = parseFloat('2.4.6.8');
var c = parseFloat('q12');
var d = parseFloat(null);
var e = parseFloat(未定義);
コンソールにログ出力します。
 
//出力結果は2.56 2.4 NaN NaN NaN

変換タイプが浮動小数点値の場合

デフォルトでは、出力には最初の小数点より前の数字と最初の小数点より後のすべての有効な数字が含まれ、文字または 2 番目の小数点に遭遇すると停止します。

他の型はブール型に変換されます

唯一の方法は

var a = ブール値('0');
var b = ブール値(0);
var c = ブール値('5');
var d = ブール値(null);
var e = ブール値(未定義);
var f=Boolean('');//文字列の内容は空です var g=Boolean(' ');//文字列の内容はスペースです console.log(a,b,c,d,e,f,g);
 
//出力結果は true false true false false false true

注: 文字列がブール型に変換される場合、文字列にコンテンツがある限り (スペースもコンテンツとみなされます)、変換結果は true になり、文字列が空の場合は false になります。

要約する

JavaScript データ型変換に関するこの記事はこれで終わりです。JavaScript データ型変換の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript の基本的なデータ型変換をご存知ですか?
  • JavaScript データ型変換の詳細な説明 (推奨)
  • JavaScript 明示的データ型変換の詳細な説明
  • JavaScript データ型変換の原則 (乾物)
  • JavaScript の基本データ型と変換
  • JavaScript におけるデータ型変換の概要
  • Javascript データ型変換ルールの詳細な説明
  • JavaScript データ型変換の包括的な理解
  • JavaScriptはデータ型変換を実装する
  • JavaScript におけるデータ型変換方法のまとめ
  • JavaScript のデータ型と変換についての簡単な説明
  • Javascript 基本チュートリアル: データ型変換
  • js データ型変換の概要メモ
  • JavaScript データ型変換

<<:  Windows 10 での mysql-8.0.17-winx64 のインストール方法

>>:  Windows での MySQL 8.0.12 のインストール手順と基本的な使用方法のチュートリアル

推薦する

React プロジェクトで eslint の Baidu スタイルを使用する詳細な説明

1. Baidu Eslint Ruleプラグインをインストールする npm i -D eslint...

MySQLにおけるACIDトランザクションの実装原理の詳細な説明

導入いつものように、シーンから始めましょう〜インタビュアー:「トランザクションの4つの特性をご存知で...

キープアライブキャッシュをクリアする方法の詳細なグラフィック説明

目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...

コネクタコンポーネントから Tomcat のスレッドモデルを見る - BIO モード (推奨)

Tomcat の上位バージョンでは、デフォルト モードは NIO モードを使用することになります。...

Docker の MySQL 時間とシステム時間の不一致の問題を解決する

最近、Docker に MySQL をインストールしたところ、データベースの時刻がシステム時刻と 8...

DockerでEurekaを設定する方法

ユーレカ: 1. JDKイメージを構築するEurekaコンテナを起動するjdkフォルダと必要なファイ...

エコー後に要素編集フォームel-radioが選択できない問題を解決します

目次序文質問オンラインソリューション序文この記事の内容は私がこの業界に入ったときのメモを元にしている...

MySQL 8.0.14 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.14のインストールと設定のプロセスを記録しています。具体的な内容は...

MySQL 5.7.17 最新インストールチュートリアル(画像とテキスト付き)

mysql-5.7.17-winx64 は MySQL の最新バージョンです。インストールは無料で...

nginx と openssl で https を実装する方法

サーバーデータがSSL証明書を使用して暗号化および認証されていない場合、ユーザーのデータはプレーンテ...

MySQL グローバルロックとテーブルレベルロックの具体的な使用法

目次序文グローバルロックテーブルロックテーブルロックメタデータ ロック (MDL ロック)要約する参...

複数クリックを防ぐVueの実践

通常、クリック イベントは、メッセージ リマインダーのさまざまな状況に分割されます。これらが処理され...

HTML のブロックレベル要素と行レベル要素、特殊文字、ネスト規則

基本的な HTML Web ページ タグのネスト ルールを紹介する場合、最初に説明する必要があるのは...

HTML_PowerNode Java アカデミーでテーブルを動的に追加する

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <html> <...

Firefox または IE でスパン幅が決定されない場合の解決策

コードをコピーコードは次のとおりです。 <html xmlns="http://ww...