对 2 个数组中的值求和时，如何限制新数组中的值？

Question

这个想法是将两种颜色的 rbg 值混合在一起并保持我的代码干净。 rgb 的值不能超过 255。我想要做的是，如果数字超过 255，则在添加值后，将其保持在 255。

我尝试过的一种方法有效，但我觉得有重复的代码。 我尝试过的另一种方法似乎在正确的轨道上，但不起作用。

这是有效的方式

const mixColors = (color1, color2) => {
    let red = color1[0] + color2[0];
    let green = color1[1] + color2[1];
    let blue = color1[2] + color2[2];

    if (red > 255) {
        red = 255;
    }
    if (green > 255) {
        green = 255;
    }
    if (blue > 255) {
        blue = 255;
    } else console.log(`rgb: ${red}, ${green}, ${blue}`);
};
mixColors([235, 45, 0], [100, 27, 47]);

这是我试图简化代码，但它不起作用。 作为一个单独的问题，为什么这种方式不起作用？ 这些值被正确添加，它似乎只是跳过了我的 if 语句。

const mixColors = (color1, color2) => {
    const newColor = color1.map((a, i) => a + color2[i]);

    if (newColor > 255) {
        newColor[i] = 255;
    }

    console.log(newColor);
    return newColor;
};
mixColors([235, 45, 0], [100, 27, 47]);

第一种方法是最好的方法吗，我想多了？ 或者，还有更好的方法？

Answer 1

您的newColor是一个数组，因此newColor > 255没有意义（并且不起作用）。 将Math.min放入.map回调中：

 const mixColors = (color1, color2) => color1.map((num, i) => Math.min(num + color2[i], 255)); console.log(mixColors([235, 45, 0], [100, 27, 47]));