LoginSignup
0
1

More than 3 years have passed since last update.

JS基礎②

Last updated at Posted at 2021-04-29

概要

プログラミングで扱うデータについての記事です。
数値、文字列、写真などそれらはすべてデータ型と言います。

7つのデータ型

JSには7つのデータがあります。

①Number−数値
②string-文字列
③Boolean-真偽値
④undefined-未定義を表す
⑤Null-存在しない
⑥BigInt-大きな数値を扱う
⑦Symbol-シンボル値

数値

JSでは数を扱うのはNumber型の一種類だけです。

index.js
console.log(10 + 3); //13
console.log(10 - 3); //7
console.log(10 * 3); //30
console.log(10 / 3); //3.333
console.log(10 % 3); //わり算のあまり
console.log(10 ** 3); //1000

console.log(33 + 2 * 4); //41
console.log((33 +2) * 4); //140
console.log(45 * 33 / 22); //わり算▶掛け算

*余剰の計算
数値をグループ分けをしたいときなどに使います。

index.js
console.log(0 % 2 );
console.log(3 % 3 );
console.log(6 % 3 );
console.log(7 % 2 );
console.log(9 % 5 );
console.log(13 % 2 );
console.log(55 % 22 );

文字列

index.js
console.log('チョコ' + 2 + '');
console.log('チョコ2枚');

テンプレート文字列は以下のように使われます。
改行することもできます。

temp.js
let shopping = `洋服2着
               10000円`

console.log(shopping); //洋服2着10000円
temp.js
 let menu = 'ケーキ';

 let tax = `ご注文は${menu}です`;

 console.log(tax); //ご注文はケーキです

Boolean 真偽値

index.js
const energy = 400;
console.log(energy > 1000); // false  1000より大きい
console.log(energy < 1000);// true  1000より小さい
console.log(energy >= 1000);// false 1000より大きいまたは同じなら
console.log(energy <= 1000);//true    1000より小さいまたは同じなら
console.log(energy === 1000);//false 1000と厳密に同じ
console.log(energy !== 1000);//true 1000と厳密に異なる
index.js
let name = "なお";
const job = "医者"

if(name === "なお" && job === "医者" ) {
  console.log("よくできました");
 } else {
   console.log("Game Over");
 }

undefined

変数宣言をしたあと、何も代入していない値のことです。未定義を指します。
配列の要素やオブジェクトのプロパティに値が設定されていないときにundefinedが入ります。
関数の戻り値を書いていないときにもundefinedが入ります。

Null

存在しない、あるいは無効を意味する値です。
関数の戻り値として得られることがあります。

JSでデータ型を調べる

data.js
console.log(typeof 'apple');
console.log(typeof 45);
console.log(typeof undefined);
console.log(typeof true);
console.log(typeof null);

typeofでデータ型を調べることができます。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1