Ternary operator and its working on mechanism on array

 

• If condition is true → use valueIfTrue

• If condition is false → use valueIfFalse

---

✅ Your amenity example

Your code:

{amenity === 'wifi' ? 'WIFI' : amenity}

Breakdown:

✔ Condition:

amenity === 'wifi'

This checks:

“Is the current amenity equal to 'wifi'?”

✔ If condition is TRUE → show:

'WIFI'

✔ If condition is FALSE → show:

amenity

---

🎯 Example with your amenitiesList

const amenitiesList = ['wifi', 'parking', 'kitchen'];

Looping through each item:

---

🔹 1. amenity = "wifi"

Check condition:

'wifi' === 'wifi' → TRUE

So ternary returns:

'WIFI'

👉 Display: WIFI

---

🔹 2. amenity = "parking"

Check condition:

'parking' === 'wifi' → FALSE

So ternary returns:

amenity   // which is "parking"

👉 Display: parking

---

🔹 3. amenity = "kitchen"

Check condition:

'kitchen' === 'wifi' → FALSE

So ternary returns:

amenity   // which is "kitchen"

👉 Display: kitchen

---

⭐ Final Summary

The ternary:

amenity === 'wifi' ? 'WIFI' : amenity

Means:

• If the amenity is wifi → show WIFI

• If the amenity is not wifi → show its own name

• You never show two values at the same time for one amenity