Khi tính tổng các giá trị từ 2 mảng, làm cách nào để tôi có thể giới hạn giá trị trong mảng JavaScript mới?

Giả sử, chúng ta có hai mảng đều chứa ba phần tử, mỗi mảng có giá trị tương ứng là số nguyên, màu xanh lá cây, màu xanh lam tương ứng.

Công việc của chúng tôi là thêm giá trị tương ứng để tạo thành một mảng cho màu rgb mới và cũng đảm bảo nếu bất kỳ giá trị nào lớn hơn 255, chúng tôi đặt giá trị đó thành 255.

Do đó, hãy xác định một hàm addColors () có hai đối số, cả hai mảng và trả về một mảng mới dựa trên đầu vào.

Mã cho điều này sẽ là -

Ví dụ

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));

Đầu ra

Đầu ra của bảng điều khiển sẽ là -

[ 134, 255, 255 ]

Chúng tôi ánh xạ trên màu đầu tiên, thêm giá trị tương ứng của màu thứ hai vào nó, nếu giá trị vượt quá 255, chúng tôi trả về 255, nếu không, chúng tôi trả về giá trị cộng thêm. Vì vậy, theo cách này, hàmaddColors () sẽ thực hiện công việc cho chúng ta.