変数のデータ型の紹介
変数にはデータ型があります。つまり、その値がどのような型であるか、ということです。
JS の変数の型は次のとおりです:
数値型、文字型、ブール型、未定義、null、配列、オブジェクト、関数
これら 8 つのデータ型は 2 つの主要なカテゴリに分類されます:
例: 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>
次のセクション