フォーマット変更した後の重複コンテンツを削除したい（JS）

Question

いつも大変お世話になっております。

Reactの配列を表示するにあたって、フォーマットを合わせた後に重複するコンテンツを排除したいと考えているのですが、なかなかアイデアが浮かばず困っています。

ソースコード（抜粋）

・・・
  {booking.available_datetimes
   .map(datetime => (
    <Item key={String(datetime)} onClick={() => onClick(datetime)}>
        <styles.StyledCard selected={Number(d) === Number(selectedDate)}>
          /* ここのフォーマットで重複するものを変更したい */
          {d.format('YYYY-MM-DD')}
        </styles.StyledCard>
    </Item>
  ))}
・・・

実現したいアウトプット

2018-10-14
2018-10-14
2018-10-14
2018-10-14
2018-10-15
2018-10-15
2018-10-15

このようにアウトプットされているものを下記のように変更したいです。

2018-10-14 sun
2018-10-15 mon

先に配列ごとフォーマットを変更するのがよろしいでしょうか。
すみませんが、お助けいただけますと幸いです。

Answer 1

配列をフォーマットつけて回した後にやったらいけました。
ありがとうございます。