データ型と型判定(プリミティブとオブジェクト, typeof, 暗黙の型変換)

スポンサーリンク
JavaScript

【実務・中級編】 JSDocによる型キャスト(Type Casting) – JavaScript実践ガイド

フロントエンドの現場でバリバリとコードを書いていると、一度はこんな絶望を味わったことがないだろうか。「TypeScriptを導入する余裕はない。でも、巨大化してきたバニラJavaScript(あるいはJSDocベースのコードベース)で、いつ...
JavaScript

【実務・中級編】 Null合体演算子(??)と論理和(||)の判定基準 – JavaScript実践ガイド

やあ、今日もコードと向き合ってくれてお疲れ様。フロントエンドの現場にいると、APIから返ってきたデータのデフォルト値を設定したり、UIの表示フラグを制御したりする場面に毎日のように遭遇するよね。そこでよくあるのが、「あれ、この値が `0` ...
JavaScript

【実務・中級編】 typeof演算子と関数オブジェクト – JavaScript実践ガイド

おい、調子はどうだい?最近、後輩のコードレビューをしていて「おっ」と苦笑いさせられる瞬間があったんだ。曰く、「関数もオブジェクトのはずなのに、なんで `typeof` で調べると `'object'` じゃなくて `'function'` ...
JavaScript

【実務・中級編】 BigIntと他型との型変換の制約 – JavaScript実践ガイド

お疲れ。フロントエンドの現場で日々、JavaScriptの不可思議な挙動と格闘している君なら、一度は「あれ?」と首を傾げたことがあるはずだ。「なぜ、JavaScriptはここまで柔軟に型の壁をぶち壊して暗黙の型変換をしてくれるのに、BigI...
JavaScript

【実務・中級編】 ToPrimitive抽象操作の内部アルゴリズム – JavaScript実践ガイド

やあ。最近、チームのコードレビューをしていて「またコイツ、罠を踏み抜いてやがる……」と頭を抱えたところなんだ。何があったかって? ` + ` って書いたら何が返ってくると思う?「配列の結合で `` かな」なんて思ったそこの君。甘い。Java...
JavaScript

【実務・中級編】 論理コンテキストにおける型変換 – JavaScript実践ガイド

おい、調子はどうだい?最近、コードレビューをしていて一番「あー、またやってるな」って思う瞬間があるんだよね。それが、`if`文の条件式や論理演算子周りのハック、いわゆる「論理コンテキストにおける暗黙の型変換」をなんとなく雰囲気で書いてしまっ...
JavaScript

【実務・中級編】 算術演算における暗黙の型変換ルール – JavaScript実践ガイド

やあ。今日も元気にコードを書いてるかい?リポジトリのレビューをしていて、たまにこういうコードに遭遇して冷や汗をかくことがあるんだよね。const total = '5' + 3; // "53" になるはずが... あれ?const res...
JavaScript

【実務・中級編】 Array.isArrayによる配列判定 – JavaScript実践ガイド

フロントエンドの現場で日々コードを書いていると、「目の前の変数が本当に配列なのか?」を正確に判定しなければならない場面に何度も遭遇する。APIから飛んできたレスポンスのパース時、ReduxやZustandなどのステート管理、あるいは汎用的な...
JavaScript

【実務・中級編】 Symbol.toStringTagによるクラス名のカスタマイズ – JavaScript実践ガイド

お疲れ。今日もコードと格闘ご苦労様。中級の壁をぶち破り、そろそろ「シニアの背中が見えてきた」という頃合いだな。アーキテクチャの設計や、ちょっとしたライブラリの内部実装を覗く機会も増えたんじゃないか?さて、今回はJavaScriptの「型判定...
JavaScript

【実務・中級編】 isFiniteとNumber.isFiniteの挙動の違い – JavaScript実践ガイド

やあ、調子はどうだい?今日も元気に `undefined is not a function` なんていう愛嬌のあるエラーと格闘していることだろう。フロントエンドの現場でバリデーションやAPIから飛んできた数値データのパース処理を書いている...
スポンサーリンク