第2回型と値 (工事中)

開発部てるー

アジェンダ

1. 基本型の値

2. 型変換

アジェンダ

1. 基本型の値

2. 型変換

型

● 基本型○ 数値○ 文字列○ 論理値○ null○ undefined

● オブジェクト型○ 上記以外

数値

● 整数と浮動小数点数を区別しない

● 64ビット浮動小数点形式

数値リテラル

30xff03773.146.02e23

文字列

● リテラルは「’」もしくは「”」を使う○ Google のコーディング規約は「’」を推奨○ 例

■ 「’」● Backbone● AngularJS

■ 「”」● jQuery

文字列リテラル

’testing’‘ほげほげ’ + ‘ぴよぴよ’‘This string¥nhas two lines’

‘<p><a href=”#jquery”>jQuery</p>’“<p><a href=¥”#jquery¥”>jQuery</p>”

論理値

● 予約語 true と false で表現

null と undefined

● null○ 「値がない」ことを示す○ プログラムレベルで予定どおりの場合を表すもの

● undefined○ 「値がない」ことを示す

○ システムレベルで予期せぬ、エラーのような場合に表す

もの

undefined (1 / 2)

var hoge = ‘test’;console.log(hoge); // test

var piyo;console.log(piyo); // undefined

undefined (2 / 2)

var executeA = function() { return 1 + 2; };console.log(executeA()); // 3

var executeB = function() { 1 + 2; };console.log(executeB()); // undefined

イメージ

‘test’ null

var hoge = ‘test’; var hoge = null; var hoge; // undefined

アジェンダ

1. 基本型の値

2. 型変換

hoge は文字列なはずなのに・・・？

var hoge = ‘256’;

console.log(hoge / 16); // 16if (hoge) { console.log(‘Hello!’); } // Hello!console.log(hoge.indexOf(‘56’)); // 1

状況に応じて柔軟に型が変換される

JavaScript第6版P49 表3-2からの引用

ラッパーオブジェクト (1 / 2)

var s = new String(‘ABC’);console.log(s.toLocaleLowerCase()); // abc

var n = new Number(12300000);console.log(n.toExponential()); // 1.23e+7

var b = new Boolean(false);if (b) { console.log(b); } // true

ラッパーオブジェクト (2 / 2)

console.log( ‘ABC’.toLocaleLowerCase()); // abc

console.log( 12300000.toExponential()); // 1.23e+7

明示的な型変換

Number(‘3’) // 3String(false); // ‘false’Boolean([]) // trueObject(3) // new Number(3)

オブジェクトから基本型への変換

すべてのオブジェクトは変換メソッドを 2 つもっている

● toString()● valueOf()

toString()

オブジェクトを表す文字列を返す

new Number(3).toString() // ‘3’({x: 1, y: 2}).toString() // ‘[object Object]’[1, 2, 3].toString // ‘1,2,3’

valueOf()

はっきり定義されていない

基本的は、オブジェクトを基本型値に変換するのが仕事

new Number(3).valueOf(); // 基本値型の 3new String(‘abc’).valueOf(); // 基本値型の ‘abc’({x: 1}).valueOf() // そのままオブジェクトを返す

オブジェクトから文字列に変換 (1 / 2)

1. toString() の実行を試みる

2. valueOf() の実行を試みる

3. TypeError を投げる

オブジェクトから文字列に変換 (2 / 2)var hoge = { toString: function() { return ‘toString’; }, valueOf: function() { return ‘valueOf’; }};

console.log(hoge); // toString

オブジェクトから数値に変換 (1 / 3)

1. valueOf() の実行を試みる

2. toString() の実行を試みる

3. TypeError を投げる

オブジェクトから文字列に変換 (2 / 3)var hoge = { toString: function() { return 1; }, valueOf: function() { return 2; }};

console.log(hoge - 2); // 0

オブジェクトから文字列に変換 (3 / 3)var hoge = { toString: function() { return 1; }, valueOf: function() { return { a: 2 }; }};

console.log(hoge - 2); // -1

お　わ　り