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

推薦する

Vueはカルーセルアニメーションを実装します

この記事では、カルーセルアニメーションを実現するためのVueの具体的なコードを例として紹介します。具...

Dockerfile における ENV 命令の具体的な使用法の詳細な説明

1. Dockerfile 内の ENV 命令は、イメージの環境変数を定義するために使用されます。次...

MacにMySQLデータベースをインストールする方法を教えます

Mac 用 MySQL をダウンロード: https://downloads.mysql.com/a...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...

WeChatアプレット仮想リストの応用例

目次序文仮想リストとは何ですか?デモ効果準備スクリーンの高さとボックスの高さ最適化要約する序文人気の...

MySQL複合クエリの詳細な説明

UNIONの使用ほとんどの SQL クエリは、1 つ以上のテーブルからデータを返す単一の SELEC...

Node.js で簡単なクローラーケースを作成するチュートリアル

準備まず、nodejs をダウンロードする必要がありますが、これは問題ないはずです。原文はwebst...

threejs でリアルタイムポリゴン屈折を実装する方法

目次序文ステップ1: セットアップと前方屈折ステップ2: 反射とフレネル方程式ステップ3: 多面屈折...

js のプロトタイプ、プロトタイプ オブジェクト、プロトタイプ チェーンの包括的な分析

目次プロトタイプを理解するプロトタイプオブジェクトを理解するインスタンスプロパティとプロトタイププロ...

vue router-view のネストされた表示実装

目次1. ルーティング構成2. Vueページのネスト3. ネストされた関係1. ルーティング構成 定...

MySQLの再帰問題

MySQL自体は再帰構文をサポートしていませんが、自己接続を通じていくつかの単純な再帰を実現できます...

JavaScript のガベージコレクションの仕組みの詳細な説明

目次ガベージコレクション (GC) はなぜ必要なのでしょうか?ガベージコレクションとは廃棄物の発生ガ...

MYSQL インストールの解凍バージョンと発生したエラーと解決策

1 インストールMYSQL 公式サイトから対応する解凍バージョンをダウンロードし、必要なディレクトリ...

CSS3を使用してプログレスバー効果を実現し、動的にパーセンテージを追加する

プロジェクト中、プログレスバーを実装するために js の requestAnimationFrame...

Linuxサービスの監視と運用および保守

目次1. psutilパッケージをインストールする次に、オペレーティングシステム内のすべてのサービス...