JavaScriptで数値と文字列が混在する配列の合計を求める方法

問題

整数と文字列形式の数字（例えば '34' や '23' など）が混在した配列を受け取り、その配列内のすべての値を合計して、合算された新しい数値を返すJavaScript関数を作成する必要があります。

文字列形式の数字も数値として扱い、すべて足し合わせるのがポイントです。

解決アプローチ

この問題を解く最もシンプルな方法は、各要素に単項プラス演算子「+」を適用することです。単項プラス演算子は文字列を数値に変換できるため、文字列と整数が混在する配列でもそのまま合計計算ができます。

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

const arr = [67, 45, '34', '23', 4, 6, '6'];
const mixedSum = (arr = []) => {
    let sum = 0;
    for(let i = 0; i < arr.length; i++){
        const el = arr[i];
        sum += +el;
    };
    return sum;
};
console.log(mixedSum(arr));

出力結果

185

コードの解説

この関数では、変数 sum を0で初期化し、for ループを使って配列の各要素を順番に処理しています。ループ内で +el により要素を数値に変換してから合計に加算しています。

なお、より現代的な書き方としては reduce() メソッドを使うこともできます。

const mixedSum = (arr = []) =>
  arr.reduce((sum, el) => sum + +el, 0);

どちらの方法でも、配列 [67, 45, '34', '23', 4, 6, '6'] の合計である 185 が正しく返されます。