كيفية إزالة التكرارات من مصفوفة والحصول على القيم الفريدة فقط في JavaScript؟

مرحباً بالجميع! أنا مبتدئ في JavaScript وواجهت مشكلة أثناء العمل مع المصفوفات. لدي مصفوفة تحتوي على قيم مكررة. أحتاج إلى الحصول على مصفوفة جديدة تحتوي فقط على العناصر الفريدة، أي بدون تكرارات. على سبيل المثال، لدي المصفوفة التالية:

const fruits = ['apple', 'banana', 'apple', 'orange', 'banana', 'kiwi', 'orange'];

أريد الحصول على النتيجة: ['apple', 'banana', 'orange', 'kiwi'] — أي أن كل فاكهة تظهر مرة واحدة فقط، مع الحفاظ على الترتيب حسب أول ظهور. حاولت كتابة دالة خاصة بي باستخدام حلقة والتحقق عبر indexOf، لكن الكود أصبح ضخماً وغير قابل للقراءة بسهولة. أعتقد أنه في JavaScript الحديثة يجب أن تكون هناك طرق أكثر أناقة للقيام بذلك. أرجو إخباري، ما هي الطرق المتاحة لإزالة التكرارات من المصفوفة؟ أي منها تعتبر الأفضل من حيث الأداء وسهولة القراءة؟ أهتم بالحلول لكل من المصفوفات ذات القيم الأولية