JavaScript 【実務・中級編】 String.prototype.split()による文字列分割 – JavaScript実践ガイド
おう、後輩くん、ちょっといいか？今日は、君が普段何気なく使っているかもしれない`String.prototype.split()`メソッドについて、改めて深掘りしてみようと思う。たかが文字列分割、されど文字列分割。このメソッド一つ取っても、...
文字列操作（Stringメソッド：slice, replace, includes, テンプレートリテラル）
JavaScript JavaScript 【実務・中級編】 String.prototype.search()によるインデックス検索 – JavaScript実践ガイド
こんにちは！ 現場のコードベースと日々格闘しているフロントエンドエンジニアの皆さん、調子はどうでしょうか。フロントエンドのコードを書いていると、避けて通れないのが「文字列操作」です。特にユーザーの入力値のバリデーションや、APIから返ってき...
JavaScript 【実務・中級編】 String.prototype.matchAll()によるイテレータ取得 – JavaScript実践ガイド
フロントエンド・スペシャリストの私だ。おい、そこの君。APIから返ってきた巨大なHTMLやMarkdownのテキストから、特定のパターンをすべて抜き出したい時、どう書いている？まさか、いまだに `String.prototype.match...
JavaScript 【実務・中級編】 String.prototype.match()と正規表現の基本 – JavaScript実践ガイド
お疲れ様！今日のテーマは、誰もが一度は使ったことがある、でも実は仕様の「裏の顔」を正しく把握していないと本番環境で不意のランタイムエラー（特にあの悪名高き `TypeError: Cannot read properties of null...
JavaScript 【実務・中級編】 String.prototype.localeCompare()による文字列比較 – JavaScript実践ガイド
おい、最近コード書いてるか？フロントエンドをある程度触ってくると、避けて通れないのが「データの並び替え（ソート）」や「文字列の比較」だ。ユーザーが入力したフォームのバリデーションだったり、テーブルヘッダーをクリックして昇順・降順を切り替えた...
JavaScript 【実務・中級編】 String.prototype.toLowerCase()の挙動とロケール対応 – JavaScript実践ガイド
おい、最近コード書いてるか？フロントエンドをやっていれば、ユーザーが入力したメールアドレスのバリデーションや、検索キーワードの正規化などで文字列を小文字に揃える処理なんて、一日に何回も書くはずだ。「そんなの `str.toLowerCase...
JavaScript 【実務・中級編】 String.prototype.toUpperCase()の挙動とロケール対応 – JavaScript実践ガイド
お疲れ。今日はJavaScriptにおける文字列操作の、一見すると「ただ大文字にするだけの地味なメソッド」――しかし、実務で痛い目を見ないと気付かない魔物が潜む `String.prototype.toUpperCase()` について話を...
JavaScript 【実務・中級編】 String.prototype.trimStart() / trimEnd() – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、いまだに `replace(/^\s+/, '')` なんて古い正規表現を見かけると、思わず赤ペンを持ちたくなるシニアエンジニアの私です。君たちも、ユーザーが入力フォームに入れた前後の空白に悩ま...
JavaScript 【実務・中級編】 String.prototype.trim() – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、未だに「あ、ここ`trim()`忘れてるな」というPRを見かけるたびに、そっとコーヒーを飲み干すシニアエンジニアの私だ。フロントエンド開発において、ユーザーからの入力を受け取る処理は避けて通れな...
JavaScript 【実務・中級編】 String.prototype.padEnd() – JavaScript実践ガイド
お疲れ。最近、管理画面のダッシュボードやデータグリッドのUIを組んでいて、「数字やステータスの桁数がバラバラで、画面のレイアウトがガタガタになる…」なんて頭を抱えていないか？「あー、CSSで頑張るか、めんどくさいから自前でパディング用の関数...