JavaScriptのデータ型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一白山中(ennya.hatenablog.com)</title>
</head>
<body>
//数字(Number)
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;//123*10の五乗
//文字列(String)
<p id="demo1"></p>
<script>
document.getElementById("demo1").innerHTML = 'John Doe';
</script>
//計算
<p id="demo2"></p>
<script>
document.getElementById("demo2").innerHTML = 5 * 10;
</script>
<p id="demo3"></p>
<script>
document.getElementById("demo3").innerHTML = (5 + 6) * 10;
</script>
//変数
<p id="demo4"></p>
<script>
var length;
length = 6;
document.getElementById("demo4").innerHTML = length;
</script>
<p id="demo5"></p>
<script>
var x, y, z;
x = 5;
y = 6;
z = (x + y) * 10;
document.getElementById("demo5").innerHTML = z;
</body>
</html>
※配列
[40, 100, 1, 5, 25, 10]
※オブジェクト(object)
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
※関数(Function)
function myFunction(a, b) { return a * b;}
繰り返し利用可能です。
関数利用=関数名(関数で定義された処理を実行)
大文字と小文字区別するので、getElementById と getElementbyID は違う関数です。
変数も同じですし、命名規則は下記のように
var firstName='king';
var FirstName='queen';
var first_name='maizi';
※値代入、計算符号
= + - * /
※条件比較符号
== != < >
※各コマンドの間には、「;」で区切り
x = 5 + 6;
y = x * 10;
※キーワード
abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with
※コメント
//実行しない
※データの種類
var length = 16; // Number 数字
var points = x * 10; // Number 計算式
var lastName = "Johnson"; // String 文字列
var cars = ["Saab", "Volvo", "BMW"]; // Array 配列
var person = {firstName:"John", lastName:"Doe"}; // Object オブジェクト
データ種類の概念なければ、下記処理できない
16 + "Volvo"
typeOf()でデータ種類確認できます。ただし、配列とオブジェクトを判断できない
var arr = [] typeof(arr) === 'object' // true
isArrayとinstanceofで配列を判断できます。
var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW";
if (Array.isArray) { if(Array.isArray(cars)) { document.write("該当対象は配列です。") ; } }
var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; if (cars instanceof Array) { document.write("該当対象は配列です。") ; }
※JavaScriptは、Unicode文字コードを利用する