JavaScriptで配列内の数値と文字列数値を区別して合計差を計算する方法

問題

今回は、整数の数値型と文字列型が混在した配列を受け取るJavaScript関数を作成します。

関数の仕様は以下の通りです。

• 文字列として表現された整数をすべて合計する
• 数値型の整数の合計から、その文字列整数の合計を引いた値を返す

コード例

以下がその実装コードです。

const arr = [5, 2, '4', '7', '4', 2, 7, 9];
const integerDifference = (arr = []) => {
    let res = 0;
    for(let i = 0; i < arr.length; i++){
        const el = arr[i];
        if(typeof el === 'number'){
            res += el;
        }else if(typeof el === 'string' && +el){
            res -= (+el);
        };
    };
    return res;
};
console.log(integerDifference(arr));

コードの解説

このコードでは、typeof演算子を使って各要素の型を判定しています。要素が数値型の場合はそのまま加算し、文字列型の場合は単項プラス演算子(+)によって数値へ変換してから減算します。&& +elという条件により、空文字列や数値に変換できない文字列は除外される点にも注目してください。

出力

コンソールには以下の結果が出力されます。

10

この結果は、数値型の合計「5 + 2 + 2 + 7 + 9 = 25」から、文字列型の合計「4 + 7 + 4 = 15」を引いた「10」と一致しており、意図どおりに動作していることが確認できます。