JavaScriptの型変換



Number() は数値に変換され、String() は文字列に変換され、Boolean() はブール値に変換されます。


JavaScript データ型

JavaScript には 5 つの異なるデータ型があります:

  • string

  • number

  • boolean

  • object

  • 機能

3種類 オブジェクトタイプ:

  • Object

  • Date

  • Array

値を含まない2つのデータ型

  • null

  • unknown


オペレーターの種類

あなたtypeof 演算子を使用して、JavaScript 変数のデータ型を確認できます。 Instance

rreee

runインスタンス»slick "[実行]ボタンをオンラインで表示するボタンを表示してください。
配列 日付(Date)のデータ型はオブジェクトです

nullのデータ型はオブジェクトです

未定義変数のデータ型は未定義です
  • オブジェクトがJavaScript ArrayまたはJavaScript Dateの場合、それらはすべて Object を返すため、
  • typeof
  • を通じてその型を判断することはできません。

  • constructor プロパティ
  • constructor
  • プロパティは、すべての JavaScript 変数のコンストラクター関数を返します。
  • インスタンス
  • <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>php.cn</title>
    </head>
    <body>
    
    <p> typeof 操作符返回变量、对象、函数、表达式的类型。</p>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = 
        typeof "john" + "<br>" +
        typeof 3.14 + "<br>" +
        typeof NaN + "<br>" +
        typeof false + "<br>" +
        typeof [1,2,3,4] + "<br>" +
        typeof {name:'john', age:34} + "<br>" +
        typeof new Date() + "<br>" +
        typeof function () {} + "<br>" +
        typeof myCar + "<br>" +
        typeof null;
    </script>
    
    </body>
    </html>

  • インスタンスを実行する »

「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します

コンストラクタープロパティを使用して、オブジェクトが配列であるかどうかを確認できます (文字列「Array」を含む):

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p> constructor 属性返回变量或对象的构造函数。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
    "john".constructor + "<br>" +
    (3.14).constructor + "<br>" +
    false.constructor + "<br>" +
    [1,2,3,4].constructor + "<br>" +
    {name:'john', age:34}.constructor + "<br>" +
    new Date().constructor + "<br>" +
    function () {}.constructor;
</script>

</body>
</html>

インスタンスを実行する »

「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します

コンストラクタープロパティを使用して、オブジェクトがデートです (文字列「日付」を含む):

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>判断是否为数组。</p>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = isArray(fruits);
function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}
</script>

</body>
</html>

インスタンスの実行 »

オンラインインスタンスを表示するには、「インスタンスの実行」ボタンをクリックしてください

JavaScript の型変換

JavaScript 変数は、新しい変数または他のデータ型に変換できます:

  • JavaScript 関数を使用する

  • JavaScript 自体による自動変換


数値を文字列に変換する

グローバル メソッド String() は数値を文字列に変換できます。

このメソッドは、あらゆるタイプの数値、文字、変数、式に使用できます:

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>判断是否为日期。</p>
<p id="demo"></p>
<script>
var myDate = new Date();
document.getElementById("demo").innerHTML = isDate(myDate);
function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
}
</script>

</body>
</html>

インスタンスの実行»

オンラインサンプルを表示するには、[インスタンスの実行]ボタンをクリックしてください

数値メソッド toString( ) も同じ効果があります。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p> String() 方法可以将数字转换为字符串。</p>
<p id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML =
    String(x) + "<br>" +
    String(123) + "<br>" +
    String(100 + 23);
</script>
</body>
</html>

例の実行»

「例の実行」ボタンをクリックしてオンライン例を表示します

Number メソッドの章では、数値を文字列に変換するその他のメソッドを見つけることができます:

メソッド 説明
toExponential() オブジェクトの値を指数表記に変換します。
toFixed()数値を文字列に変換し、結果の小数点以下の桁数が指定されたものになります。
toPrecision()数値を指定された長さにフォーマットします。

ブール値を文字列に変換

グローバルメソッドString()はブール値を文字列に変換できます。

String(false) // Returns "false"
String(true) // Returns "true"

BooleanメソッドtoString() も同様の効果があります。

false.toString() // "false"を返す
tru​​e.toString() // "true"を返す



日付を文字列に変換する

グローバルメソッドString () 日付を文字列に変換できます。

String(Date()) // Return Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date メソッド toString() も同じ効果があります。

Date().toString() // Returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date メソッドの章では、日付を文字列 String に変換する方法について詳しく説明します。 function:

Method Description
getDate() Date オブジェクトから月内の日 (1 ~ 31) を返します。
getDay()Dateオブジェクトから曜日(0~6)を返します。
getFull Year() Date オブジェクトから年を 4 桁の数値として返します。
getHours()Date オブジェクトの時間 (0 ~ 23) を返します。
getMilliseconds()Date オブジェクトのミリ秒 (0 ~ 999) を返します。
getMinutes()Date オブジェクトの分 (0 ~ 59) を返します。
getMonth()Date オブジェクトから月 (0 ~ 11) を返します。
getSeconds()Date オブジェクトの秒数 (0 ~ 59) を返します。
getTime() 1970 年 1 月 1 日からのミリ秒数を返します。



文字列を数値に変換

グローバルメソッドNumber()は文字列を数値に変換できます。

数値を含む文字列 (「3.14」など) は数値 (3.14 など) に変換されます。

空の文字列は 0 に変換されます。

その他の文字列は NaN (数値ではない) に変換されます。

number( "3.14"//3.14
numbers( ""//返品0
)
// Return NaN
Number メソッドの章では、文字列を数値に変換するためのその他のメソッドを参照できます:
Method
Description

parseFloat( )parseInt()

単項演算子 +

Operator + は、変数を数値に変換するために使用できます:

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>toString() 方法将数字转换为字符串。</p>
<p id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML =
    x.toString() + "<br>" +
   (123).toString() + "<br>" +
   (100 + 23).toString();
</script>

</body>
</html>

インスタンスの実行 »

オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします

変数が変換できない場合、変数は数値のままですが、値は NaN になります。 (数値ではありません):

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p> typeof 操作符返回变量或表达式的类型。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction() {
    var y = "5";
    var x = + y;
    document.getElementById("demo").innerHTML =
		typeof y + "<br>" + typeof x;
}
</script>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


ブール値を数値に変換します

グローバルメソッドNumber () 利用可能 ブール値を数値に変換します。

Number(false) // 0
Number(true) を返す // 1 を返す



日付を数値に変換する

グローバル メソッドNumber()できる日付を数値に変換します。 Ed = New Date ();

Number (d)
// Return 1404568027739
Gettime () も同じ効果があります。 Ed = New Date();
d.gettime() // Return 1404568027739

自動変換タイプ
JavaScript が「間違った」データ型を操作しようとすると、自動変換が可能になります「正しい」データ型に修正します。
次の出力は期待どおりではありません:
5

+
null


// Return 5 null は 0

"5"

+

null

//return "5null" に変換されます null "null" に変換します
"5" + 1
// "51" を返します 1 を "1" に変換します
"5" - 1
// 4 を返します 「5」は 5 に変換されます



自動的に文字列に変換されます

オブジェクトまたは変数を出力しようとすると、JavaScript は自動的に変数の toString() メソッドを呼び出します:

document.getElementById("demo").innerHTML = myVar ;

// if myVar = {name:"Fjohn"} // toString は "[object Object]" に変換されます
// if myVar = [1,2,3,4] // toStringは " 1,2,3,4" に変換されます
// if myVar = new Date() // toString は "Fri Jul 18 2014 09:08:55 GMT+0200" に変換されます

Numbersおよびブール値もよく変換されます。 Conversion: i // if myvar = 123 // tostring は "123" に変換されます

// if myvar = true // tostring は "true" に変換されます
// if myvar = false // tostring "false" に変換します
float を返します。
文字列を解析し、整数を返します。