JavaScriptで複数のブール値配列をOR演算子（||）でマージする方法

問題の概要

以下のような、ブール値（true / false）からなる2次元配列があったとします。

const arr = [[true,false,false],[false,false,false],[false,false,true]];

この配列に含まれる各サブ配列の対応する要素同士を、OR演算子（||）で結合して、1次元の配列にマージする関数を作成します。

イメージとしては、各サブ配列の同じインデックス位置にある要素を縦方向に見ていき、「1つでも true があれば true」「すべて false なら false」となる配列を返す処理です。

実装方法：Array.prototype.reduce() を活用

この種の集約処理には Array.prototype.reduce() が最適です。初期値として空の配列を用意し、各サブ配列の要素を順番に既存の結果と OR 演算しながら蓄積していきます。

コード例

const arr = [[true,false,false],[false,false,false],[false,false,true]];
const orMerge = arr => {
    return arr.reduce((acc, val) => {
        val.forEach((bool, ind) => acc[ind] = acc[ind] || bool);
        return acc;
    }, []);
};
console.log(orMerge(arr));

処理の流れ

• reduce() の初期値（アキュムレータ acc）として空の配列を指定します。
• 各サブ配列 val に対して forEach() でループ処理を行います。
• acc[ind] = acc[ind] || bool により、同じインデックス位置の要素どうしを論理ORで結合していきます。

出力結果

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

[ true, false, true ]

結果の内訳を確認してみましょう。

• 1番目の要素： true || false || false → true
• 2番目の要素： false || false || false → false
• 3番目の要素： false || false || true → true

別解：map() を使った書き方

サブ配列の長さがすべて同じ場合は、Array.prototype.map() を使ってより簡潔に書くこともできます。

const orMerge = arr =>
    arr[0].map((_, ind) => arr.some(row => row[ind]));

console.log(orMerge(arr)); // [ true, false, true ]

こちらは先頭のサブ配列を基準に各インデックスを走査し、その位置に true が存在するかどうかを some() で判定するアプローチです。状況に応じて読みやすい方を選択するとよいでしょう。