js-learning

Javascript講座基礎編

第4章: 型と演算

解説動画

型

プログラム上、データには型があります。

例えば、文字の型、数字の型…

型を調べるには以下のコードで調べることができます。

typeof(型を調べる値) 実際にやってみよう。

var moji = "私は文字です。"
console.log(moji)
console.log(typeof(moji))

他にもいろいろな型があります。

以下の変数の方を調べてみよう。

var moji = "私は文字です。"
var number = 1
var bool = true
var array = [1,2,3]

console.log(typeof(moji))
console.log(typeof(number))
console.log(typeof(bool))
console.log(typeof(array))

主な型

number: 数字
string: 文字
boolean: 論理（true/false)
object: オブジェクト型
undefined: 型がない

※オブジェクト型は、あるデータ構造を持った特殊な型です。

オブジェクト型以外の型をプリミティブ型と総称します。

動的型付けと静的型付け

Javascriptの言語は、型を自動で判別してくれます。このような仕組みを「動的型付け」と言います。

しかし、プログラミング言語の中には、Javaのように、どの型の変数かを宣言しないとつかえない言語もあります。このような仕組みを「静的型付け」と言います。

この場合、例えば文字の型に数字を入れるとバグになるので気を付けましょう。

演算

プログラムは、算数同様に演算をすることができます。

いろいろな演算方法を学びましょう。

以下のプログラム実行しましょう。

var a = 10
var b = 5

console.log(a + b)
console.log(a - b)
console.log(a * b)
console.log(a / b)
console.log(a % b)
console.log(a ** b)

主な演算子

足し算: +
引き算: -
掛け算: *
割り算: /
剰余: %
べき乗: **

その他の演算方法

演算の書き方もいろいろな書き方があります。

以下のプログラムを実行してみましょう。

var num = 10
num += 5
console.log(num)

以下の２つのコードは同じ処理をします。

num = num + 5

num += 5

以下のプログラムを実行しましょう。

var num = 10
num++
console.log(num)

以下の3つのコードは同じ処理をします。

num = num + 1

num += 1

num++

この++のことをインクリメントといいます。

文字列の演算

文字も＋の演算のみ使うことができます。

var moji = "私の名前は"
var name = "Tom"
var moji2 = "です。"

console.log(moji + name +moji2)

文字と数値の足し算はどうなる？