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

推薦する

DockerでSpringbootプロジェクトを実行する方法

1. IDEAの下にあるターミナルをクリックし、mvn clean installと入力します。 次...

Reactの親コンポーネントと子コンポーネント間のデータ転送の詳細な説明

目次1. 親コンポーネントが子コンポーネントにデータを渡す1.1. 親コンポーネントコード1.2. ...

Linux プラットフォームの MySQL でリモート ログインを有効にする

開発中、MySQL へのリモートアクセスでよく問題に遭遇します。そのたびに検索する必要があり、面倒に...

CentOS 6.x のインストール時に発生するエラー「ディスク sda に BIOS RAID メタデータが含まれています」の解決方法

今日、CentOS6.2 をインストールしていたところ、ハード ドライブの検出段階を通過できませんで...

js でオブジェクトとオブジェクト メソッドを作成するいくつかの方法の詳細な説明

この記事は、JS レッドブックの第 8 章に記載されているオブジェクトに関する 2 番目の記事です。...

WeChat アプレットのカスタム スクロール ビューのサンプル コード

ミニプログラムカスタムスクロールビュースクロールバーさっそくレンダリングを見てみましょうレンダリング...

例によるMySql CURRENT_TIMESTAMP関数の分析

時間フィールドを作成するときデフォルトのCURRENT_TIMESTAMPデータを挿入する際、このフ...

テキストエリアのテキストをHTMLに変換する方法、つまり復帰改行について

説明: テキストエリアの値の改行を新しい行に変更しますコードをコピーコードは次のとおりです。 <...

Nginx を使用して https ルートドメイン名への 301 リダイレクトを実装するためのサンプル コード

SEO とセキュリティを考慮して、301 リダイレクトが必要です。以下の一般的な処理には Nginx...

MySQL データベースの基礎を始めるための一般的なコマンドの概要

この記事では、MySQL データベースの基礎を学ぶためによく使用されるコマンドを例を使って説明します...

SQLシリアル番号取得コード例

この記事は主にSQLシリアル番号取得コード例を紹介します。記事ではサンプルコードを詳細に紹介しており...

MySQLでユーザーを作成し、権限を管理する方法

1. ユーザーとパスワードの作成方法1. MySQLデータベースに入る mysql> mysq...

Vue 親子コンポーネントの相互値の転送と呼び出し

目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...

jsネイティブカルーセルプラグインの制作

この記事では、jsネイティブカルーセルプラグインの具体的なコードを参考までに共有します。具体的な内容...

jsはCanvasを使用して複数の画像を1つの実装コードにマージします

解決 関数 mergeImgs(リスト) { const imgDom = document.cre...