当对2个数组的值求和时，如何在新的JavaScript数组中设置值的上限？

假设我们有两个数组，每个数组都包含三个元素，红色，绿色，蓝色的相应值以整数表示。

我们的工作是添加相应的值以形成新的rgb颜色的数组，并且还要确保是否有任何值的总和超过255，我们将该值设为255。

因此，让我们定义一个函数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 ]

我们映射第一种颜色，然后将第二种颜色的相应值添加到它，如果该值超过255，则返回255，否则返回添加的值。因此，通过这种方式，addColors()函数将为我们完成这项工作。