JavaScript:浮動小数点型を整数型に型キャストするように、小数点以下を切り捨てたい

イントロダクション

JavaScript にて、3.14 のような小数点以下の数値が付与された数値から、3 のような整数のみの数値を取り出したい場合にはどうすればよいのでしょうか？


C言語やC++言語といった、データを扱う変数の型を厳格に定義できる（しなければならない）言語であれば、浮動小数点型を整数型へ型キャストするだけで、整数の取り出しが完了します。

例）
double a = 3.14;
int b = (int)a;      // b には 3 が入っている


一方、JavaScript の場合には、このような形式で整数の取り出しを行うことはできません。

注意：
JavaScript のデータが型を持っていないわけではありません。内部的には型を持っていますが、型を固定した変数を宣言することはできません。JavaScript では、変数は全て var によって宣言します。

var - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/var

そこで、JavaScript の場合に、小数点以下の数値が付与された数値から、整数のみの数値を取り出す方法を調べてみました。

JavaScript:新しいウィンドウへHTMLを書き出すブックマークレットを作成した時にハマった罠-匿名関数を利用しないと元のウィンドウの内容が変わる場合がある

イントロダクション

ブラウザのブックマークに JavaScript を登録して実行する”ブックマークレット”というものがあります。

ブックマークレットを利用すると、ブラウザ上で簡単な処理を実行でき、利用する場面によっては非常に便利です。

今回は、新しいウィンドウへ HTML を出力するブックマークレットを作成した時にハマった罠について記載します。

JavaScript:classNameに入っているのはstringだけじゃなかった!：svgタグのclassNameにはSVGAnimatedStringが入っていた

イントロダクション

私の Blogger のページに設置している投稿の表示形式を選択できる部品ですが、なぜかうまく動いていないことに気が付きました。

コードを調べてみると、以下の node.className.split にて「undefined is not a function」が発生していました。

JavaScriptの条件 (三項) 演算子 (?:) の演算子の優先順位でハマった罠

JavaScript には他の言語(C,C++など）と同じように 条件 (三項) 演算子 (?:) を使用できます。

JavaScriptで陥る罠：文字化け-htmlと外部jsの文字コードが異なる場合

JavaScriptで陥る罠として、呼び出し元の HTML 文書の文字コードと外部 JavaScript ファイルの文字コードが異なる場合、外部 JavaScript ファイルに記載した日本語などの文字が文字化けして読めなくなることがあります。

私自身も今しがた「HTML Reference Link Generator」にて機能追加を行った際に、その問題を発生させました。