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