從 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 次瀏覽

開啟你的 職業生涯

完成課程並獲得認證

開始學習
廣告
© . All rights reserved.