JavaScript の変数のデータ型

変数のデータ型の紹介

変数にはデータ型があります。つまり、その値がどのような型であるか、ということです。

JS の変数の型は次のとおりです:

数値型、文字型、ブール型、未定義、null、配列、オブジェクト、関数

これら 8 つのデータ型は 2 つの主要なカテゴリに分類されます:

基本データ型: 数値、文字、ブール値、未定義、空。非常に注目すべき機能: 変数名には 1 つの値しか格納できません。

例: var a = 10;

複合データ型: 配列、オブジェクト、関数。顕著な特徴: 変数名には複数の値を格納できます。

例: var arr = [10,20,30,40]

このセクションでは、基本的なデータ型を紹介します

数値型: 変数に対して数学演算を実行できる数値型には、整数、浮動小数点、NaN などがあります。 var a = 100;
var a = 0.9;

注: 値の型には非常に特殊な値 NaN もあります。 NaN (非数値) は数値ではありません。

他のデータ型を数値型に変換し、変換できないが、プログラムがエラーを報告できない場合、NaN 値が返されます。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           //现在我们想让一个东西的长度变成原来的10倍
           var length = "300m";
           /*
           一个字符串，是不能转换成有意义的数值的，只能转换成NaN
           一个含纯数字的字符串，可以转成有意义的数值，大家可以修改length为纯数字的字符串，输出查看结果
           */
           length = length*10;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>

文字の種類: 一重引用符または二重引用符で囲まれた文字列。

var a = "これは文字列です"; var b = "これも文字列です"; var c = "";

単一引用符と二重引用符は互いに入れ子にすることができます

一重引用符内でネストできるのは二重引用符のみです。

二重引用符内でネストできるのは一重引用符のみです。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符，我们之后会介绍
            var str = "我的名字叫做'" +name+"'"
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

二重引用符の中に二重引用符を入れ子にしたい場合は、中の二重引用符をエスケープする必要があります (")。

よく使われるエスケープ文字には次のものが含まれます: ', "、\、r、n など

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符，我们之后会介绍
            var str = "我的名字叫做\"" +name+"\""
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

ブール型

ブール型は論理型とも呼ばれます。値は true (真)、偽 (偽) の 2 つだけです。

ブール型には 2 つの状態しかありません。性別、婚姻状況、照明のスイッチ、ブラックリストに登録されているかどうかなど。 var a = true;
var b = false;

ブール型は if 条件判定文でよく使われます (次の章で条件判定文を紹介します。最初に全員が結果を観察します)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x = 10;
           var y = 110;
           //x>y比较出来的结果是布尔值
           if(x>y){
               document.write(x+"比"+y+"大些");
           }else{
               document.write(y+"比"+x+"大些");
           }
        </script>
    </head>
    <body>
    </body>
</html>

未定義型

変数が定義されているが値が割り当てられていない場合、未定義型の値には未定義が 1 つだけ含まれます。

オブジェクトのプロパティが存在しない場合は、未定義の型も返されます。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x;
           document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

空型

オブジェクトが存在しない場合は空型が返され、空型の値はnullのみとなります。

は、オブジェクトのプレースホルダーとして理解することもできます。

変数の値をクリアしたい場合は、null 値を割り当てることができます。

var a = 100;

var a = null ; //変数に null を代入して値をクリアします

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var x = null;
            document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

学び続ける

新しいファイル

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> //现在我们想让一个东西的长度变成原来的10倍 var length = "300m"; /* 一个字符串，是不能转换成有意义的数值的，只能转换成NaN 一个含纯数字的字符串，可以转成有意义的数值，大家可以修改length为纯数字的字符串，输出查看结果 */ length = length*10; document.write(length); </script> </head> <body> </body> </html>

提出するリセットコード

自動運転