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

スポンサーリンク
JavaScript

【実務・中級編】 String.prototype.lastIndexOf()による逆順検索 – JavaScript実践ガイド

やあ。最近、コードレビューをしていて「あ、これ惜しいな」「もっと綺麗に書けるのに」と思うことがよくあるんだよね。特に文字列操作あたりは、なんとなく`indexOf()`や正規表現を引っ張り出してきて、動くには動くけど……というコードに出会う...
JavaScript

【実務・中級編】 String.prototype.indexOf()と検索 – JavaScript実践ガイド

おい、調子はどうだ?今日も元気にエディタに向かってコードを叩きまくっていることだろう。今回は、JavaScriptの文字列操作の基本でありながら、現場のコードレビューで意外と「あぁ、惜しいな……」とツッコミを入れたくなるポイントが多い `S...
JavaScript

【実務・中級編】 String.prototype.includes()による判定 – JavaScript実践ガイド

おい、調子はどうだい?最近、コードレビューをしていて「また昔のクセが出てるな」と思うことがよくあるんだ。例えば、文字列の中に特定のキーワードが入っているかどうかを調べるとき、未だに `indexOf('keyword') !== -1` な...
JavaScript

【実務・中級編】 String.prototype.replaceAll()の活用 – JavaScript実践ガイド

お疲れ。最近、コードレビューをしていて「あ、ここ昔のクセで `replace()` と正規表現のグローバルフラグ (`/g`) 使っちゃってるな」って思うシーンにやたらと遭遇するんだよね。君も経験ないか? ユーザーが入力したカンマ区切りの数...
JavaScript

【実務・中級編】 String.prototype.replace()による置換 – JavaScript実践ガイド

おい、調子はどうだい?最近、コードレビューをしていて「あぁ、ここでその書き方しちゃうか……」と頭を抱えることが増えてきたんだ。特に文字列置換のあたりね。「文字を置き換えたいから、とりあえず `replace()` 使っとけばいいか」って感じ...
JavaScript

【実務・中級編】 String.prototype.substr()の非推奨性 – JavaScript実践ガイド

お疲れ。今日も今日とてレガシーコードの爆弾処理に追われてないか?フロントエンドの現場にいると、「動くから触るな」の精神で放置された数年前のコードベースに出くわすことが本当によくある。今日も、あるプロダクトの文字列ユーティリティを覗いたら、懐...
JavaScript

【実務・中級編】 String.prototype.substring()との比較 – JavaScript実践ガイド

やあ、お疲れ様。最近、コードレビューをしていて「またここで罠を踏み抜いてるな…」って思うポイントがあるんだ。それが今回話す `String.prototype.substring()` と `String.prototype.slice()...
JavaScript

【実務・中級編】 String.prototype.slice()の挙動 – JavaScript実践ガイド

フロントエンドの現場でコードレビューをしていると、文字列の切り出しごときに `substring` を使ったり、挙動をよく理解していないまま適当に引数を渡してバグを生んでいるシーンに遭遇することが結構ある。文字列操作はフロントエンド開発の基...
JavaScript

【実務・中級編】 lengthプロパティによる文字数取得 – JavaScript実践ガイド

おい、調子はどうだ?今日も元気にフロントエンドの荒波を泳ぎ回っていることと思う。さて、今回はJavaScriptの文字列操作、その中でも一見「誰でも知っている」ほど基本的な`length`プロパティについて、あえて深く掘り下げてみようと思う...
JavaScript

【実務・中級編】 タグ付きテンプレートリテラル – JavaScript実践ガイド

おい、調子はどうだい?最近、後輩のコードレビューをしていて「おっ、なかなかやるじゃん」と感心させられることがあったんだ。それが今回話す 「タグ付きテンプレートリテラル(Tagged Template Literals)」 を使ったコードだっ...
スポンサーリンク