---
# System prepended metadata

title: Jsの勉強 -データ型-

---

# 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;
}
```


