文字列操作(Stringメソッド:slice, replace, includes, テンプレートリテラル)

スポンサーリンク
JavaScript

【実務・中級編】 文字列プリミティブとStringオブジェクトの差異 – JavaScript実践ガイド

おい、調子はどうだい?最近、コードレビューをしていて「おっ」と我が目を疑うようなコードを見かけたんだよね。// レビューで見かけたヤバいコードconst strObj = new String('Hello World');if (strO...
JavaScript

【入門編】 大文字・小文字変換メソッドのロケール対応 – JavaScript実践ガイド

こんにちは!JavaScriptの世界へようこそ。日々コードを書いていて、「動いた!」という瞬間は本当にワクワクしますよね。Web開発の勉強を始めたばかりのとき、最初に覚える便利な道具のひとつが文字列の大文字・小文字変換です。"hello"...
JavaScript

【入門編】 Unicode正規化形式(NFC/NFD/NFKC/NFKD)の概念 – JavaScript実践ガイド

こんにちは!JavaScriptの世界へようこそ。フロントエンドの現場で日々コードを書いていると、文字や文字列の扱いって一見地味に見えて、実は一番ハマりやすい「魔物」だったりするんですよね。特にユーザーが入力したフォームのバリデーションや、...
JavaScript

【入門編】 String.prototype.substr()の非推奨理由と代替案 – JavaScript実践ガイド

やあ、若きエンジニアの皆さん。よくここまで辿り着きましたね。私はこれまで、数えきれないほどの凄まじい現場——それこそ、深夜のデバッグで目が充血し、コーヒーの空き缶がピラミッドのように積み上がるような修羅場をいくつも渡り歩いてきました。そんな...
JavaScript

【入門編】 Stringのイテレータ [Symbol.iterator] – JavaScript実践ガイド

やあ、ようこそ!フロントエンドの世界へ。私はこれまで数えきれないほどのコードを書き、巨大なシステムの設計図を引いてきましたが、初心に戻って「文字列」と向き合う時間は今でも大好きです。JavaScriptを学び始めると、`slice`で切り抜...
JavaScript

【入門編】 String.prototype.trimEnd()メソッド – JavaScript実践ガイド

【JavaScript】「trimEnd()」で文字列の「余計な後ろ髪」をスッキリ!初心者でもわかる解説 💇‍♀️✨やっほー!フロントエンド界の錬金術師、伝説のアーキテクトだよ。今日もJavaScriptの世界を一緒に冒険していこう!さて、...
JavaScript

【入門編】 String.prototype.trimStart()メソッド – JavaScript実践ガイド

やあ、JavaScriptの世界へようこそ!私はこれまで、数えきれないほどの巨大なシステムや、カオスな現場のコードを渡り歩いてきたチーフアーキテクトです。プログラミングを始めたばかりのときって、「コードを書くこと」そのものよりも、実は「思わ...
JavaScript

【入門編】 String.prototype.charAt()による文字取得 – JavaScript実践ガイド

JavaScriptの秘密兵器!String.prototype.charAt()で文字をピンポイントでGETだぜ!やっほー、みんな!JavaScriptの世界へようこそ!今回は、文字列を扱う上でめちゃくちゃ便利で、でもちょっと見落としがち...
JavaScript

【入門編】 String.prototype.normalize()によるUnicode正規化 – JavaScript実践ガイド

文字化けのモヤモヤ、スッキリ解決!JavaScriptの`normalize()`でUnicodeの「なりすまし」を見破ろう!Webサイトを作っていると、たまーに「あれ?なんか文字がおかしく表示されるぞ…」なんて経験ありませんか?特に、海外...
JavaScript

【入門編】 String.prototype.toLocaleUpperCase() – JavaScript実践ガイド

皆さん、こんにちは!チーフアーキテクトのOOです。JavaScriptの世界へようこそ!今日は、皆さんが普段何気なく使っている「文字」を、ちょっとだけ賢く扱うための素晴らしいメソッド、「`String.prototype.toLocaleU...
スポンサーリンク