JavaScriptで数値配列の絶対値の合計を求める方法

JavaScriptで、正の数と負の数が混在する配列を受け取り、そのすべての要素の絶対値の合計を返す関数を作成する方法を解説します。今回はMath.abs()などの組み込みライブラリ関数を使わずに実装するのがポイントです。

問題の概要

例として、次のような配列が与えられた場合を考えてみましょう。

const arr = [1, -5, -34, -5, 2, 5, 6];

期待される出力

この場合、各要素の絶対値（1 + 5 + 34 + 5 + 2 + 5 + 6）を合計した結果が出力されればOKです。

58

実装コード

それでは、この関数のコードを見ていきましょう。

const arr = [1, -5, -34, -5, 2, 5, 6];
const absoluteSum = arr => {
    let res = 0;
    for(let i = 0; i < arr.length; i++){
        if(arr[i] < 0){
            res += (arr[i] * -1);
            continue;
        };
        res += arr[i];
    };
    return res;
};
console.log(absoluteSum(arr));

コードの解説

このコードでは、以下の手順で処理を行っています。

• まず結果を格納する変数resを0で初期化します。
• forループで配列の各要素を順番にチェックし、要素が負の数（0より小さい値）の場合は-1を掛けて正の値に変換してから加算します。
• 正の数の場合はそのまま加算します。
• すべての要素の処理が完了したら、合計値resを返します。

出力結果

コンソールに出力すると、次のようになります。

58

別のアプローチ：reduceを使った簡潔な書き方

組み込み関数の制約がない場合は、reduce()メソッドを使うともっと簡潔に書けます。

const absoluteSum = arr => arr.reduce((acc, val) => acc + Math.abs(val), 0);
console.log(absoluteSum(arr)); // 58

状況に応じて、ループによる実装とreduce()を使った実装を使い分けるとよいでしょう。