JavaScriptで文字列に含まれる数値を抽出して合計する方法

本記事では、数字が混在した文字列から1桁の数値をすべて抽出し、その合計を返すJavaScript関数の作成方法を解説します。

例として、次のような数字と文字が混ざった文字列を考えてみましょう。

const str = 'gdf5jhhj3hbj4hbj3jbb4bbjj3jb5bjjb5bj3';

実装例

それでは、この処理を実現するコードを書いていきます。

const str = 'gdf5jhhj3hbj4hbj3jbb4bbjj3jb5bjjb5bj3';
const sumStringNum = str => {
    const strArr = str.split("");
    let res = 0;
    for(let i = 0; i < strArr.length; i++){
        if(+strArr[i]){
            res += +strArr[i];
        };
    };
    return res;
};
console.log(sumStringNum(str));

コードの解説

この関数の仕組みは以下の通りです。

まず split("") を使って、文字列を1文字ずつの配列に分解します。次に、ループ処理で各要素を順番にチェックし、単項プラス演算子（+）によって数値へ変換します。英字などの文字を数値変換すると NaN になるため、if文の条件判定で自動的に除外され、数値に変換できた要素だけが合計値に加算されます。

なお、同じ処理は正規表現や match() メソッドを組み合わせることでも実装可能ですが、この方法は最もシンプルで理解しやすいアプローチの一つです。

出力

コンソールには以下のように出力されます。

35