What is the purpose of the KeyValueDiffers and IterableDiffers services?

import { Directive, Input, DoCheck, IterableDiffers, IterableDiffer, inject } from '@angular/core';

@Directive({
  selector: '[appTrackChanges]',
  standalone: true
})
export class TrackChangesDirective implements DoCheck {
  @Input() appTrackChanges!: string[];
  
  private differs = inject(IterableDiffers);
  private differ: IterableDiffer<string> | null = null;

  ngDoCheck() {
    if (this.appTrackChanges && !this.differ) {
      this.differ = this.differs.find(this.appTrackChanges).create();
    }

    if (this.differ) {
      const changes = this.differ.diff(this.appTrackChanges);
      if (changes) {
        changes.forEachAddedItem(record => {
          console.log('Item added:', record.item, 'at index:', record.currentIndex);
        });
        changes.forEachRemovedItem(record => {
          console.log('Item removed:', record.item, 'from index:', record.previousIndex);
        });
      }
    }
  }
}