2つの配列の値を合計する場合、新しいJavaScript配列の値をどのように制限できますか？

それぞれ3つの要素を含む2つの配列があり、対応する値は整数の赤、緑、青の色であるとします。

私たちの仕事は、対応する値を追加して新しいrgbカラーの配列を形成し、値の合計が255を超える場合は、その値が255になるようにすることです。

したがって、配列と入力に基づいて新しい配列を返す2つの引数を受け取る関数addColors（）を定義しましょう。

このためのコードは-

例

const color1 = [45, 125, 216];
const color2 = [89, 180, 78];
const addColors = (color1, color2) => {
   const newColor = color1.map((val, index) => {
      return val + color2[index] <= 255 ? val + color2[index] : 255;
   })
   return newColor;
};
console.log(addColors(color1, color2));

出力

コンソール出力は-

[ 134, 255, 255 ]

最初の色にマップし、それに対応する2番目の色の値を追加します。値が255を超える場合は、255を返します。それ以外の場合は、追加された値を返します。したがって、このようにして、addColors（）関数がその役割を果たします。