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 のインストール手順と基本的な使用方法のチュートリアル

推薦する

JavaScript にはすでに Object があるのに、なぜ Map が必要なのでしょうか?

目次1. オブジェクトをマップとして扱わない1. 未定義のプロパティはプロトタイプチェーンを通じてア...

MySQL でデータ復旧に binlog を使用する方法

序文最近、オンラインでデータが誤って操作されました。データベースが直接変更されたため、それを回復する...

Windows 10 での MySQL 8.0.12 解凍バージョンのインストール グラフィック チュートリアル

この記事は、MySQL 8.0.12解凍版のインストールグラフィックチュートリアルを記録しています。...

HTML の値属性と名前属性の機能と使用法の紹介

1. ボタンで使用される値は、「OK」、「削除」など、ボタンに表示されるテキストを指します。 2. ...

Vue はデータの変更をどのように追跡しますか?

目次背景例誤解 - コールスタックを表示するためにウォッチでブレークポイントを設定する正しいアプロー...

Alibaba Cloud ESC に MYSQL8.0 をインストールするチュートリアル

接続ツールを開きます。私はMobaXterm_Personal_12.1を使用します(公式サイトのダ...

Navicat でストアド プロシージャ、トリガーを作成し、カーソルを使用する簡単な例 (画像とテキスト)

1. テーブルを作成する<br /> まず、2 つのテーブル (users テーブルと...

MySQL killコマンドの実行原理の詳細な説明

目次キル命令実行原理命令実行特性クエリ実行の強制終了の原則接続終了の実装原則中断される可能性はありま...

CSS3 アニメーション – ステップ機能の説明

最近、CSS3 アニメーションのソース コードの実装をいくつか見ていたところ、CSS コード アニメ...

MySQL でテーブルを作成するときの NULL と NOT NULL の使用方法の詳細な説明

MySQL の仕様によっては、テーブル作成仕様にすべてのフィールドが空であってはならないという要件を...

WeChatミニプログラムの開発をスピードアップするためのヒント

1. app.jsonを使用してページを作成する私たちの通常の開発習慣によれば、新しいページを作成す...

MYSQL は、指定されたユーザーのランキングとクエリを実装します。ランキング関数 (並列ランキング関数) のサンプルコード

序文この記事は主に、MYSQL でランキングを実現し、指定ユーザーランキング関数 (並列ランキング関...

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...

IE イメージ ツールバーを無効にする

IE6 で試してみたところ、ツールバーが表示されました。オプションに「イメージ ツールバーを有効にす...

写真をアップロードして顔を認識する Vue+axios サンプルコード

目次Axios リクエストQs処理データ分析Vantアップロードファイル形式完全なコードこの記事では...