一白山中

自分を磨き、自分なりの幸せを追求しよう

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文字コードを利用する