如何在ag网格中实现查找列值和替换为新值(如查找和替换)

<ag-grid-angular #agGrid style="height: 500px; width: 100%;" class="ag-theme-alpine" [rowData]="rowData"
    [columnDefs]="columnDefs" (grid-ready)="onGridReady($event)">
</ag-grid-angular>

import { Component } from '@angular/core';
import { GridApi } from 'ag-grid-community';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  private gridApi: GridApi;
  rowData = [
    { make: 'Toyota', model: 'Celica', price: 35000 },
    { make: 'Ford', model: 'Mondeo', price: 32000 },
    { make: 'Porsche', model: 'Boxster', price: 72000 }
  ];
  columnDefs = [
    { field: 'make' },
    { field: 'model' },
    { field: 'price' }
  ];

  onGridReady(params: any) {
    this.gridApi = params.api;
  }

  replaceValueInColumn(columnName: string, searchValue: any, newValue: any) {
    const allData = this.gridApi.getDisplayedRowAtIndex(0).data;
    const columnDefs = this.gridApi.getColumnDefs();

    columnDefs.forEach(colDef => {
      if (colDef.field === columnName) {
        allData.forEach(row => {
          if (row[colDef.field] === searchValue) {
            row[colDef.field] = newValue;
          }
        });
      }
    });

    this.gridApi.setRowData(allData);
  }
}