JavaScript 【入門編】 isFiniteとNumber.isFiniteの挙動の違い – JavaScript実践ガイド
JavaScriptを触り始めて、ふと現れる「数字の判定」。「あ、これちゃんと数字だな」と思って条件分岐を書いたはずなのに、なぜかバグる……。そんな経験、ありませんか？大丈夫ですよ、それはあなたが JavaScript に嫌われているわけで...
データ型と型判定（プリミティブとオブジェクト, typeof, 暗黙の型変換）
JavaScript JavaScript 【入門編】 isNaNとNumber.isNaNの挙動の違い – JavaScript実践ガイド
JavaScriptを学び始めると、避けて通れないのが「これ、本当に数値なの？」というデータ型の判定ですよね。特にフォームの入力値チェックや、APIから返ってきたデータを扱うとき、私たちは頻繁に「数値かどうか」を確かめたくなります。そんなと...
JavaScript 【入門編】 Object.isと厳密等価演算子(===)の差異 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきたチーフアーキテクトの私です。JavaScriptの勉強をしていると、「あれ？思っていた結果と違うぞ……」と首をかしげたくなる瞬間に出会いませんか？ 特にデータ同士を比べる「比較演算子」の世界は...
JavaScript 【入門編】 JSDocを用いた型定義の基礎 – JavaScript実践ガイド
こんにちは！フロントエンド・アーキテクチャの現場を長年渡り歩いてきた者です。JavaScriptって本当に自由で素晴らしい言語ですよね。変数を作るときに「これは文字です」「これは数字です」なんて堅苦しい宣言をしなくても、サクッと動いてくれま...
JavaScript 【入門編】 valueOfとtoStringの優先順位と呼び出し順序 – JavaScript実践ガイド
JavaScriptの「型」の世界へようこそ！フロントエンドの現場でバリバリコードを書いていると、時々「あれ、なんでこの数字と文字を足したらこうなるんだっけ？」という不可思議な現象にぶつかりますよね。初心者の方ならなおさら、「JavaScr...
JavaScript 【入門編】 Symbol.toPrimitiveによるカスタム型変換 – JavaScript実践ガイド
こんにちは！フロントエンド・アーキテクチャの現場を長年歩んできた私ですが、JavaScriptと向き合っていると、時々「おいおい、勝手にそんなことしないでくれよ！」と頭を抱えたくなる瞬間にぶつかりますよね。特に、オブジェクトと数字や文字を足...
JavaScript 【入門編】 プリミティブのラッパーオブジェクト – JavaScript実践ガイド
こんにちは！フロントエンドの現場を長年歩んできたチーフアーキテクトの私です。JavaScriptを書き始めの頃って、不思議な挙動にたくさん出会いませんよね。「え、なんでこの文字だけのデータで `.length` なんていうメソッドが使えるの...
JavaScript 【入門編】 typeof nullがobjectである歴史的背景 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。JavaScriptを触り始めてすぐの頃、またはある程度コードを書けるようになってふと出会う、あの有名な「JavaScriptの七不思議」の一つ。そう、`typeo...
JavaScript 【入門編】 抽象等価演算子(==)の比較アルゴリズム – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。JavaScriptを触り始めてすぐの頃、こんな「謎の現象」に出会って頭を抱えたことはありませんか？0 == '' // なぜか true になる……！？「数字の ...
JavaScript 【入門編】 算術演算における暗黙の型変換 – JavaScript実践ガイド
JavaScriptを書き始めたばかりの頃って、コードを書いていて「えっ、なんでこうなるの！？」と頭を抱えたくなりませんか？特に、画面から取得した数字と、あらかじめ用意しておいた数字を足そうとしただけなのに、ぜんぜん違う結果になってしまった...