Comment supprimer les doublons d'un tableau et obtenir uniquement des valeurs uniques en JavaScript ?

Bonjour à tous ! Je suis débutant en JavaScript et j'ai rencontré un problème en travaillant avec des tableaux.\n\nJ'ai un tableau contenant des valeurs en double. J'ai besoin d'obtenir un nouveau tableau qui ne contient que des éléments uniques, c'est-à-dire sans doublons. Par exemple, j'ai ce tableau :\n\n

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

\n\nJe veux obtenir en sortie : ['apple', 'banana', 'orange', 'kiwi'] — c'est-à-dire que chaque fruit apparaît une seule fois, et l'ordre est conservé selon la première occurrence.\n\nJ'ai essayé d'écrire ma propre fonction avec une boucle et une vérification via indexOf, mais le code est devenu lourd et peu lisible. Je pense qu'en JavaScript moderne, il doit y avoir des façons plus élégantes de faire cela.