javascript - 修改后仍保留原始值

Question

我正在研究 Ag-grid。

this.rowData 是我第一次在网格上加载的原始数据。

我有一个 addRow 函数，它将在现有行的顶部添加 1 行，效果很好。

现在，当调用 reset 函数时，我需要将网格更新为其原始数据，即 this.rowData。

问题是，当我单击 addRow 时，甚至 this.rowData 也会更新。

下面是我的代码:

Original Data:
 this._Service.httpPost(Request, Url).subscribe(data => {
        responseJson = JSON.parse(JSON.stringify(data));
          this.rowData = responseJson;
          this.gridOptions.api.setRowData(this.rowData); // say 6 rows displyed
});

addRow:
addRow() {
let rowData = this.rowData; // created a local variable
 rowData.unshift(newData);// rowData is now 7
 this.gridOptions.api.setRowData(rowData);// rowData is now 7
console.log(this.rowData) // returns 7, not sure why `this.rowData` gets modified
    }

Answer 1

let rowData = JSON.parse(JSON.stringify(this.rowData));

只要做到这一点，剩下的代码就完美了。