序文データ型変換とは何ですか? フォームまたはプロンプトを使用して取得されるデフォルトのデータ型は文字列です。この場合、加算および減算演算を直接実行することはできず、変数のデータ型を変換する必要があります。 簡単に言えば、データ型変換とは、あるデータ型を別のデータ型に変換することです。 日常的にコードを使用する中で、数値型を文字列に変換したり、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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Windows 10 での mysql-8.0.17-winx64 のインストール方法
>>: Windows での MySQL 8.0.12 のインストール手順と基本的な使用方法のチュートリアル
1. IDEAの下にあるターミナルをクリックし、mvn clean installと入力します。 次...
目次1. 親コンポーネントが子コンポーネントにデータを渡す1.1. 親コンポーネントコード1.2. ...
開発中、MySQL へのリモートアクセスでよく問題に遭遇します。そのたびに検索する必要があり、面倒に...
今日、CentOS6.2 をインストールしていたところ、ハード ドライブの検出段階を通過できませんで...
この記事は、JS レッドブックの第 8 章に記載されているオブジェクトに関する 2 番目の記事です。...
ミニプログラムカスタムスクロールビュースクロールバーさっそくレンダリングを見てみましょうレンダリング...
時間フィールドを作成するときデフォルトのCURRENT_TIMESTAMPデータを挿入する際、このフ...
説明: テキストエリアの値の改行を新しい行に変更しますコードをコピーコードは次のとおりです。 <...
SEO とセキュリティを考慮して、301 リダイレクトが必要です。以下の一般的な処理には Nginx...
この記事では、MySQL データベースの基礎を学ぶためによく使用されるコマンドを例を使って説明します...
この記事は主にSQLシリアル番号取得コード例を紹介します。記事ではサンプルコードを詳細に紹介しており...
1. ユーザーとパスワードの作成方法1. MySQLデータベースに入る mysql> mysq...
目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...
この記事では、jsネイティブカルーセルプラグインの具体的なコードを参考までに共有します。具体的な内容...
解決 関数 mergeImgs(リスト) { const imgDom = document.cre...