parseIntとparseFloatの覚え書き - chalcedony

前フリが思いつかない件について。
この記事の主旨は一言で言うと「parseIntには第2引数で基数を指定しよう」です。

基本

parseIntとparseFloatは、どちらも引数として渡された文字列をパースして数値に変換するグローバル関数。
parseIntは整数、parseFloatは小数と整数の両方（浮動小数点数）を扱える。

parseInt("100")    // 100
parseInt("3.14")   // 3

parseFloat("100")  // 100
parseFloat("3.14") // 3.14

パース方法とNaN

parseIntとparseFloatは、どちらも引数の文字列を先頭から1文字ずつ確認し、数値と解釈できない文字が見つかった時点で、その直前までの部分を数値として返す。
一文字も数値にできなかった場合はNaN（数値ではないことを表す数値型の値）を返す。

わかりにくいので例を。

parseInt("100pt")     // 100
parseInt("-3.14pt")   // -3
parseInt("314e-2")    // 314
parseInt("hoge123")   // NaN

parseFloat("100pt")   // 100
parseFloat("-3.14pt") // -3.14
parseFloat("314e-2")  // 3.14
parseFloat("hoge123") // NaN

parseFloatが数値と解釈できるのは、正負符号（+/-）、0〜9の数字、小数点、指数（e）。
parseIntはそこから小数点を除いたもの……ではなくて、実はもうちょっと複雑。

parseIntの第2引数（基数）

parseIntの引数として、パースしたい文字列のほかに、「何進数として解釈するか」という基数を渡すことができる。
基数は文字列でなくて数値で渡すことに注意。

parseInt("15", 10) // 15
parseInt("15", 8)  // 13
parseInt("15", 16) // 21

同じ"15"という文字列を、10進数、8進数、16進数でパースした値が返ってくる。

基数の指定によって、数として解釈できる文字は変わってくる。ちょっと複雑と言ったのはこのこと。

parseInt("19e", 10) // 19（"e"はパース不可）
parseInt("19e", 8)  // 1 （"9e"はパース不可）
parseInt("19e", 16) // 414

基数を省略した場合、通常は10進数でパースされる。のだけど、省略するとけっこう危険だったりする。

基数を省略した場合

もしくは、基数に0を指定した場合、自動的に以下のように解釈されることが多い。

"0x"または"0X"で始まる文字列が渡された場合、基数は16（16進数）と解釈される。
"0"で始まる文字列が渡された場合、基数は8（8進数）と解釈される。
その他の文字で始まる文字列が渡された場合、基数は10（10進数）と解釈される。

parseInt("0x15") // 21（16進数として解釈）
parseInt("015")  // 13（8進数として解釈）※実装による
parseInt("15")   // 15（10進数として解釈）

16進数はともかく、この8進数がなかなか厄介で……

parseInt("015")  // 13（8進数）※実装による
parseInt("019")  // 1 （8進数、"9"はパース不可）※実装による
parseInt("08")   // 8 （8進数だとNaNになるので10進数で解釈）※実装による

あるでしょう、ノンブルとかで先頭をゼロで埋めてるやつ。
それをうっかりparseInt(textframe.contents)なんてやってしまうと、ページによって変な数値が返ってくる可能性があるということ。

余談

先頭の文字列が"0x"なら16進数、というのは、JavaScript（というか、ECMAScript）の仕様として規定されている。しかし実は先頭が"0"の場合は、「8進数にしてもいいよ（どっちかいうと10進数でやってね）」ということになっていた。
実装では8進数を採用したものが多いけど、確実ではないらしい。つまり実行する環境によって結果がまちまちということ。さっきから※実装によるって書いてるのはそういうことです。

いちおう現在の最新の仕様では、"0x"と"0X"を16進数とするのを除けばデフォルトは10進数、と定められている。けど実装のほうは今のところほとんど追いついてないらしい。AdobeのESTKでも8進数になるしね。

というわけで、この記事の主旨

「parseIntには第2引数で基数を指定しよう」

大事なことなので2回いいました。ちなみにparseFloatは常に10進数で、基数指定はできません。