【JavaScript】文字列内の最初の数値を抽出する３つの方法

文字列内の最初の数値を抽出する方法にはいくつかのアプローチがあります。以下にいくつかの方法を紹介します。

正規表現を使用する方法

正規表現を使って文字列内の最初の数値を抽出する方法です。match()メソッドを使用して、文字列内の最初の数値を正規表現でマッチさせます。
文字列内の特定のパターンに一致する数値を取得する場合に便利です。例えば、特定の形式の数値を抽出する場合や、複数の数値を一度に検索する場合に適しています。

const str = "abc123def456";
const match = str.match(/\d+/);
const firstNumber = match ? parseInt(match[0]) : null;

文字列を反復処理して数値を検索する方法

文字列を一文字ずつ処理し、最初の数値を見つける方法です。文字列をループして、最初に数値が見つかった場合にその数値を取得します。
文字列内の数値の位置が不明であったり、数値の前後に特定のパターンが存在する場合に使います。ループを使用して文字列を順番に検査し、最初に見つかった数値を取得します。

const str = "abc123def456";
let firstNumber = '';
for (const char of str) {
    if (!isNaN(char)) {
        firstNumber = char;
        break;
    }
}

parseInt()関数を使用する方法

parseInt()関数を使って文字列を数値に変換する方法です。parseInt()は最初に見つかった数値を数値として返します。
文字列全体から最初の数値を取得する必要がある場合に適しています。特に、数値の後に続く文字列が無視される必要がある場合や、数値が文字列の先頭にあることが保証されている場合に便利です。

const str = "abc123def456";
const firstNumber = parseInt(str);

まとめ

これらの方法を使うことで、文字列内で最初に見つかった数値を簡単に取得することができます。それぞれの方法には異なる利点があり、使用する場面に応じて適切な方法を選択しましょう。