从 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() 函数将为我们完成这项工作。

更新于: 2020 年 8 月 18 日

82 次浏览

开启你的 职业生涯

完成课程并获得认证

开始学习
广告