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() 함수가 작업을 수행합니다.