สมมติว่า เรามีสองอาร์เรย์ซึ่งทั้งสองประกอบด้วยสามองค์ประกอบ ค่าที่สอดคล้องกันของสีแดง สีเขียว สีฟ้าเป็นจำนวนเต็ม
งานของเราคือการเพิ่มค่าที่สอดคล้องกันเพื่อสร้างอาร์เรย์สำหรับสี 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() จะทำงานให้เราเอง
