JavaScript

JavaScript

【JavaScript】空文字列の判定方法|length・真偽値・厳密比較・trim()・TypeScript型ガードまで完全解説

JavaScriptで空文字列を判定する方法を完全解説。lengthプロパティ、真偽値判定(!str)、厳密比較(=== "")、null/undefinedとの違い、trim()による空白文字の判定、Optional Chaining、各判定方法の比較テーブル、ユーティリティ関数(isEmpty/isBlank)、TypeScript型ガード、フォームバリデーション、Falsy値一覧と注意点まで網羅。
JavaScript

【JavaScript】文字列内の最後にある数値を取得する方法|match(/\d+/g).at(-1)と末尾固定/$/の違い・連番処理まで

JavaScriptで文字列から「最後の数値」を取り出す方法を解説します。どこにあっても最後を拾う match(/\d+/g).at(-1) と、末尾固定の /\d+$/ の違いと使い分け、小数やマイナスへの対応、ファイル名末尾の連番を+1する実用例まで、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】文字列内の最初の数値を抽出する方法|match・parseIntの違いと小数/マイナス/位置取得まで

JavaScriptで文字列から「最初の数値」だけを取り出す方法を解説します。どこにあっても拾える match(/\d+/)、先頭限定の parseInt の違いと使い分け、小数やマイナス符号への対応、出現位置(index)の取得、1文字ずつ処理するときの落とし穴まで、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】文字列から数値のみ取得する方法|match・replaceで複数/1つ・小数・マイナス・全角の罠まで解説

JavaScriptで文字列から数値だけを取り出す方法を解説します。複数の数値を配列で取る match(/\d+/g)、1つの数値に結合する replace(/[^0-9]/g,"")、小数やマイナス符号を含める正規表現、match が null を返す罠、全角数字や反復処理の落とし穴まで、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】HTMLタグ内の文字列を変更する方法|textContent・innerHTML・innerTextの使い分けとXSS対策

JavaScriptでHTML要素内のテキストを変更する方法を解説します。安全な textContent、HTMLごと変える innerHTML(XSS注意)、表示準拠の innerText の使い分けと比較、querySelectorでの要素指定と複数一括変更、末尾への追記、成功メッセージなどの実用例まで、つまずきやすい点とあわせてまとめます。
JavaScript

【JavaScript】画像をドラッグ&ドロップで読み込む方法|ドロップゾーン・プレビュー・アップロード

JavaScriptで画像ファイルをドラッグ&ドロップして読み込む方法を解説します。dragover/dropでのドロップゾーン作成(preventDefaultの必須ポイント)、dataTransfer.filesでの取得、URL.createObjectURLやFileReaderでのプレビュー、複数画像・ドラッグ中のハイライト、形式/サイズの検証、FormDataでのアップロードまでまとめます。
JavaScript

【JavaScript】文字列を改行ごとに分割する方法|split・正規表現でWindows/Unixの改行に対応

JavaScriptで文字列を改行ごとに分割する方法を解説します。split("\n")の基本、Windows・Unix・旧Macの改行すべてに対応する正規表現、末尾改行で空要素が残る罠と空行除去・トリム、textareaの行処理や行番号付与の実用例まで実行確認済みのコードでまとめます。
JavaScript

【JavaScript】split()で文字列を分割する方法|正規表現・CSV解析・実務パターンまで完全解説

JavaScriptのsplit()メソッドで文字列を区切り文字で分割する方法を完全解説。基本構文から正規表現による分割、分割数の制限(limit)、区切り文字を残す方法、CSV/TSVパース、split+map/filter/reduceの組み合わせ、URL解析・クエリパラメータ解析など実務パターンまで網羅。
JavaScript

【JavaScript】改行の削除・置換・追加方法まとめ|改行コードの違いと実務パターン

JavaScriptで改行を削除・置換・追加する方法を網羅的に解説。改行コード(LF・CR・CRLF)の違い、replace・split・replaceAll、テキストエリア処理、実務パターンまで紹介。
JavaScript

【JavaScript】大文字ごとにスペースで区切る方法|camelCase・PascalCase変換・正規表現replace対応

JavaScriptでアルファベットの大文字ごとにスペースで区切る方法を徹底解説。replace()と正規表現の基本から、camelCase・PascalCaseのスペース区切り、連続大文字(HTMLParser)の正しい処理、snake_case・kebab-caseへの変換、lodashとの比較まで実務で使えるコード例付き。
JavaScript

【JavaScript】文字列を真偽値(true/false)として扱う方法|”false”も”0″もtrueになる罠と正しい変換

JavaScriptで文字列を真偽値として扱う方法を解説します。Boolean()やifでは"false"も"0"も空白もすべてtrueになる(空文字以外は全部truthy)という罠、"true"/"false"を正しくbooleanに変換する str==="true"・"1"/"yes"対応の関数・JSON.parse、フォームやAPI値のパース実用例まで実行確認済みのコードでまとめます。
JavaScript

【JavaScript】文字列を句読点ごとに分割する方法|split・正規表現・Intl.Segmenter対応

JavaScriptで文字列を句読点(。、.!?)ごとに分割する方法を徹底解説。split()と正規表現の基本から、区切り文字を残す先読み・後読み、空要素の除去、matchAll()、最新のIntl.Segmenter APIまで、実務で使えるコード例付きで紹介します。
JavaScript

【JavaScript】改行をエスケープせずに文字列として扱う方法|テンプレートリテラル・配列join・String.rawの使い分け

JavaScriptで改行をエスケープせずに文字列に含める方法を解説。テンプレートリテラル(バッククォート)の基本、式の埋め込み、配列+join、String.raw、HTMLテンプレート生成、タグ付きテンプレートリテラル、インデント対策まで網羅的に紹介します。
JavaScript

【JavaScript】アルファベットの大文字・小文字を判定する方法|toUpperCase・正規表現・charCodeAtの使い分け

JavaScriptで文字が大文字か小文字かを判定する方法を解説します。toUpperCase方式(全角・アクセント付きも対応)と正規表現/charCodeAt(ASCII限定)の使い分け、文字列が全部大文字か・大文字を含むか・大文字の数の数え方、先頭だけ大文字化、ßなどUnicodeのエッジケースまで実行確認済みのコードでまとめます。
JavaScript

【JavaScript】全角を半角に変換する方法|英字・数字・記号・スペース・カタカナを正規化する

JavaScriptで全角文字を半角に変換する方法を解説します。英数記号は文字コードに0xFEE0を引くだけで一括変換、全角スペースの変換、アルファベット・数字だけの変換、濁点で1→2文字になる全角カタカナの変換、逆(半角→全角)まで、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】文字列をDate型に変換する方法|new Date・Date.parse・手動パースとタイムゾーンの罠

JavaScriptで日付文字列をDate型に変換する方法を解説します。new Date()・Date.parse()・手動パースの使い分け、ISO日付がUTC解釈される(JSTで前日になる)タイムゾーンの罠、Invalid Dateの確実な判定、非ISO形式のブラウザ差異まで、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】全角を2文字・半角を1文字としてカウントする方法|表示幅の正しい数え方とバイト数・文字数との違い

JavaScriptで全角文字を2、半角文字を1としてカウントする正しい方法を解説します。for...ofとコードポイント範囲での判定、正規表現での全角カウント、サロゲートペア(絵文字)の扱い、UTF-8バイト数や体感文字数との違い、textareaの全角2字換算など実用例まで網羅します。
JavaScript

【JavaScript】文字列から任意の1文字を取得する方法|charAt・ブラケット記法・at()の違いと実務パターン

JavaScriptで文字列から1文字を取得するcharAt・ブラケット記法・at()の違いを比較表付きで解説。サロゲートペア対策や実務パターンも網羅。
JavaScript

【JavaScript】サロゲートペアに対応したUnicodeコードポイント取得|codePointAt・charCodeAtの違いと実務対策

JavaScriptでサロゲートペア文字を正しく扱うcodePointAt()の使い方を解説。charCodeAtとの違い、絵文字・異体字の処理、for...of・スプレッド構文・Intl.Segmenterの実務パターンまで網羅。
JavaScript

【JavaScript】サロゲートペア文字列を正しく扱う方法|for-of・スプレッド構文・Array.from・正規表現uフラグ

JavaScriptでサロゲートペア文字列(絵文字・特殊漢字)を正しく扱う方法を解説。for-ofループ、スプレッド構文、Array.from、正規表現uフラグ、codePointAt、Intl.Segmenterなど、文字化けを防ぐテクニックを網羅的に紹介します。