# Jsの勉強 -データ型-

| データ型 |例 |
| :--------: | :--------: |
| 文字列(string) | "hello" "世界" |
| 数値(number) | 普通に数字　3, 3.3, -3 |
| Undefinde | Undefinde |
|Null |null |
|真偽値(boolearn)| true false|
|オブジェクト| {a:3, b:5}|

<br>

JavaScriptのデータ型は上記の様な感じ
あとは、複雑な配列、オブジェクトなど

<br>

console.log(typeon "hello");
>> string

typeonをつけると、コンソールでどのデータ型かを見ることができる。

console.log('5' * 3);
>> 15

文字列と計算もできるが、
"+" に関しては、文字列の連結になる

console.log('7' + 2)
>> 72

そのため、文字列を計算する時は整数に変換する

console.log(parseInt('7') + 2 );
>> 9

数値に変換できない文字列とかはどうなるか？

console.log(parseInt("こんにちは", 10));
>> Nan

<br>

## 真偽値

false >> 0, null, undefined, " ", false
true  >> 上以外（false以外）

<br>

console.log(Boolean(0));
>> false

console.log(Boolean("こんにちは"));
>> true

<br>

## 条件分岐
例：　８０点以上なら "やるじゃん!" それ以下は "だめじゃん。。"

const score = 85; 
if(score >= 80){
    console.log("すごいじゃん!!");
} else {
    console.log("だめじゃん。。");
}

>> すごいじゃん!!

<br>

if(条件式１){
    trueの時の処理;
} else if(条件式２){
    １がfalseで２がtrueの時の処理;
} else {
    falseの時の処理;
}

<br>

◆別の書き方

条件式 ? trueの処理 : falseの処理;

const score = 85
(score >= 80 ? console.log(すごい！): console.log(だめだな))

>> すごい!

これは読みにくくなるのでそんなに多用しない方がいいかも

<br>

## いろいろな書き方 -論理演算子-
例: scoreとnameが両方trueの時の処理

const score = 90;
const name = 'yozakura';

if(score >= 80){
    if(name === 'yozakura'){
    console.log('頭いいねぇー');
    }
}

これだと入れ子があって、読みにくくなる
<br>

◆ 論理演算子

&&　なおかつ(AND)
||  または（OR）
!   〜ではない(NOT)

<br>

上のを日本語にすると
スコアが８０以上**かつ**、名前がyozakuraだったら
"頭いいねぇー"を出力する

if(score >= 80 && name === "yozakura"){
    console.log("頭いいねぇー");
}

読みやすくなった(ｏ'∀')ﾉ
<br>

## いろいろな書き方 -switch文-

const signal = '青'

if(signal === '赤'){
    console.log('気をつけて進め！');
} else if(signal === '黄色'){
    console.log('進め！');
} else if(signal === '青') {
    console.log('立ち止まってるんじゃねぇ(ｏ'∀')ﾉ');
}

>> 立ち止まってるんじゃねぇ!

<br>

===がいっぱいの時にすっきり描ける

const signal = '青';

switch(signal){
    case "赤":
        console.log('気をつけて進め！');
        break;
    case "黄色":
        console.log('進め！');
        break;
    case "青":
    case "緑";
        console.log('立ち止まってるんじゃねぇ(ｏ'∀')ﾉ');
        break;
    default:    //どれにも当てはまらない処理
        console.log('どこみてあるってんだ？？');
        break;
}