JavaScriptの型変換

JavaScript 変數(shù)は緩やかに型付けされており、JavaScript でサポートされているあらゆるデータ型を格納でき、その変數(shù)の型は実行時(shí)に動(dòng)的に変更できます。例を參照してください:

var n = 10;

n = "hello CSSer!";

n = {};

上記の例では、変數(shù) nが最初に宣言され、その値が 10 (整數(shù)型) に初期化され、次に文字列「hello CSSer!」が n に割り當(dāng)てられ、次にそれにオブジェクトが割り當(dāng)てられます。最後に、n の型がオブジェクト型になります。変數(shù) n の型は動(dòng)的であることがわかります。実際のプログラミングでは、デバッグには良くないため、変數(shù)の型を頻繁に変更しないことをお?jiǎng)幛幛筏蓼埂?

JavaScriptのデータ型

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

string

number

boolean

object

function

3つのオブジェクトタイプ:

Object

日付

配列

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

null

未定義

typeof 演算子

typeof 演算子を使用して、JavaScript 変數(shù)のデータ型を確認(rèn)できます。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
    typeof "tom" + "<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>

ご注意ください:

NaN のデータ型は數(shù)値です

配列 (Array) のデータ型はオブジェクトです

日付 (Date) のデータ型はオブジェクトです

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

未定義変數(shù) データ型は未定義です

constructor プロパティ

constructor プロパティは、すべての JavaScript 変數(shù)のコンストラクターを返します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<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>

明示的な変換

手動(dòng)で型変換を?qū)g行することにより、JavaScript は次の変換関數(shù)を提供します:

數(shù)値型への変換: Number(mix)、parseInt(string,radix)、parseFloat( string )
文字列型に変換: toString(radix)、String(mix)
ブール型に変換: Boolean(mix)

1. Number(mix)関數(shù)は、任意のタイプのパラメータミックスを數(shù)値タイプに変換できます

ルールは次のとおりです:

ブール値の場(chǎng)合、trueとf(wàn)alseはそれぞれ1と0に変換されます

が數(shù)値の場(chǎng)合は、それ自體を返します。

nullの場(chǎng)合は0を返します。

未定義の場(chǎng)合はNaNを返します。

それが文字列の場(chǎng)合は、次の規(guī)則に従います:

1) 文字列に數(shù)字のみが含まれている場(chǎng)合は、それを 10 進(jìn)數(shù)に変換します (先頭の 0 を無(wú)視します)

2) 文字列に有効な浮動(dòng)小數(shù)點(diǎn)形式が含まれている場(chǎng)合は、変換します浮動(dòng)小數(shù)點(diǎn)値に変換します(先頭の0は無(wú)視されます)

3) 空文字列の場(chǎng)合は0に変換します

4) 文字列に上記以外の形式が含まれる場(chǎng)合はNaNに変換します

が object である場(chǎng)合、オブジェクトの valueOf() メソッドを呼び出し、戻り値を前述の規(guī)則に従って変換します。変換の結(jié)果が NaN の場(chǎng)合は、オブジェクトの toString() メソッドを呼び出し、返された文字列値を前のルールに従って再度変換します。

Number("3.14") // 3.14を返します
Number(" ") // 0を返します
Number("") // 0
Number("99 88") を返します // NaN

を返します

2. parseInt(string, radix) 関數(shù)は、文字列を整數(shù)型の値に変換します。また、特定のルールもあります:

空でない最初の文字が見(jiàn)つかるまで、文字列の前のスペースを無(wú)視します

最初の文字が數(shù)字記號(hào)または負(fù)符號(hào)でない場(chǎng)合は、NaNを返します

If最初の文字が數(shù)値の場(chǎng)合は、文字列の解析が完了するか、數(shù)値以外の記號(hào)が見(jiàn)つかるまで解析を続けます

前の解析の結(jié)果が 0 で始まる場(chǎng)合、0x で始まる場(chǎng)合は 8 進(jìn)數(shù)として解析されます。 , 16進(jìn)數(shù)として解析されます

radixパラメータを指定した場(chǎng)合は、radix

3に基づいて解析されます

3. parseFloat(string)関數(shù)は、文字列を浮動(dòng)小數(shù)點(diǎn)型の値に変換します

ルール基本的に parseInt と同じですが、いくつかの違いがあります。文字列內(nèi)の最初の小數(shù)點(diǎn)記號(hào)が有効で、parseFloat は先頭の 0 をすべて無(wú)視します。文字列に整數(shù)として解析できる數(shù)値が含まれている場(chǎng)合、整數(shù)値は次のようになります。浮動(dòng)小數(shù)點(diǎn)數(shù)の代わりに返されます。

4. toString(radix) メソッド。 unknown と null を除くすべてのタイプの値には、オブジェクトの文字列表現(xiàn)を返す toString() メソッドがあります。結(jié)果の文字列はカンマで區(qū)切られ、連結(jié)されます。ブール値ブール値が true の場(chǎng)合、「true」を返します。それ以外の場(chǎng)合は、「false」を返します。

Date 日付のテキスト表現(xiàn)を返します。

Error 関連するエラー情報(bào)を含む文字列を返します。

Function 次の形式で文字列を返します。 functionname は、呼び出された toString メソッド関數(shù)の名前です。

function functionname() { [ネイティブコード] }

Number 數(shù)値のテキスト表現(xiàn)を返します。

String String オブジェクトの値を返します。

デフォルトは「[object objectname]」を返します。objectname はオブジェクトタイプの名前です。

5. String(mix) 関數(shù)、任意のタイプの値を文字列に変換します。ルールは次のとおりです。

toString() メソッドがある場(chǎng)合は、このメソッドを呼び出します (基數(shù)を渡さず)。パラメータ)を返し、結(jié)果を返します

nullの場(chǎng)合は「null」を返します

未定義の場(chǎng)合は「未定義」を返します

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<p id="demo"></p>
<script>
var x = 55;
document.getElementById("demo").innerHTML =
    String(x) + "<br>" +
    String(13.3) + "<br>" +
    String(100.99 + 23);
</script>
</body>
</html>

6. ブール(混合)関數(shù)、任意の型の値を変換します。ブール値に変換します。

次の値は false に変換されます: false、""、0、NaN、null、未定義、およびその他の値は true に変換されます。

例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
    <script type="text/javascript">
var i="123abc";
    i=parseInt(i);//字符串轉(zhuǎn)整形
    alert(i+","+typeof(i));//輸出：123，number
    i="12.3abc";
    i=parseFloat(i);//字符串轉(zhuǎn)浮點(diǎn)型
    alert(i+","+typeof(i));//輸出：12.3，number(可見(jiàn)不管是int還是float都是number類型)
    i="a123abc";
    i=parseInt(i);//字符串轉(zhuǎn)整形
    alert(i+","+typeof(i));//輸出：NaN，number （由于轉(zhuǎn)換失敗，所以提示“不是一個(gè)數(shù)字，Not a Number”）
    var num=document.getElementById("num").value;
    function showMsg(num)
    {
        for(var i=0;i<num;i++)
        {
            document.write("你好，JavaScript！<br/>");
        }
    }
</script>
</head>
<body>
</body>
</html>

単項(xiàng)演算子 +

演算子 + は変數(shù)を數(shù)値に変換するために使用できます:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button onclick="myFunction()">點(diǎn)擊</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>

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <p id="demo"></p> <script> var x = 55; document.getElementById("demo").innerHTML = String(x) + "<br>" + String(13.3) + "<br>" + String(100.99 + 23); </script> </body> </html>

提出するリセットコード

自動(dòng)運(yùn)転