@lifehacker

JavaScript正規表現で置換（replace）の基本と実践文字列の中の「一致した部分」を別の文字列に置き換えるのが replace。正規表現を使えば「全件置換」や「一部だけ抜き出して再配置」も柔軟にできます。構文とポイント// 基本c...

JavaScript正規表現でマッチ（match）の基本と実践文字列から「パターンに合う部分」を見つけて取り出すなら match。1件だけか、すべてか、グループ抽出かで挙動が変わるので、最初に仕組みを押さえると迷いません。構文と返り値のルー...

JavaScript文字列の大文字・小文字変換の基本と実践文字列を「全部大文字」「全部小文字」に揃えたいときは、toUpperCase と toLowerCase が最短ルート。検索や比較、表示整形で頻出です。構文とポイントconst up...

JavaScript文字列のトリムの基本と実践文字列の前後にある余分な空白や改行を取り除くときは trim を使います。元の文字列は変えず、前後のホワイトスペースだけを除いた新しい文字列を返します。構文と意味const trimmed = ...

JavaScript文字列の分割（split）の基本と実践文字列を「区切り文字」で分けて配列にするのが split。CSVの処理、URLやパスの分解、複数行テキストの扱いなどで頻出です。初心者でもすぐ使える定番メソッドです。概要と構文// ...

JavaScript配列の文字列結合（join）の基本と実践配列の要素を指定した区切り文字でつないで、1つの文字列にするのが join。CSV作成、UI表示、ログ出力などでよく使います。構文と基本ポイント// 区切り文字を指定（省略可）co...

JavaScript配列の分割（chunk）の基本と実践「配列を一定サイズごとに分割したい」場面はよくあります。例えば、ページネーションやバッチ処理など。JavaScriptには標準で chunk 関数はありませんが、forループ＋slic...

JavaScript配列をユニークに（オブジェクトキーで）lodashの _.keyBy を使うと「オブジェクト配列の重複を特定のキーでまとめて、ユニーク化」できます。プリミティブ値なら Set で十分ですが、オブジェクトは「参照が違うけど...

JavaScript配列の重複除去（Set）の基本と実践配列に同じ値が何度も入っているとき、「ユニークな値だけ欲しい」場面があります。そんなときに便利なのが Set とスプレッド構文 ... を組み合わせる方法です。構文と考え方const ...

JavaScript配列を逆順にする（reverse）の基本と実践reverseは配列の並びをその場で反転します。最初の要素が最後に、最後の要素が最初になります。元の配列が直接書き換えられる点が重要です。構文と考え方// その場で反転（破壊...

JavaScript配列のソート（数値）の基本と実践数値配列を正しく並べ替えるには、比較関数を渡して「数値として」比較させるのがポイントです。デフォルトのsortは文字列として比較するため、数値だと期待通りの順序になりません。構文と考え方/...