克隆一个数组并使其唯一 - Javascript

如何解决克隆一个数组并使其唯一 - Javascript

我有问题。我有一个对象数组。我需要从中复制一份并使其独一无二，因此当我修改我的新数组时，它不会更改原始数组中的任何内容。

我尝试了以下方法：

let excelData = [...this.state.tableData]; 
let excelData = this.state.tableData.slice();
let excelData = this.state.tableData.concat();
let excelData = Array.from(this.state.tableData);

但是前面列出的所有方法也会修改原始数组。

这是我的功能：

addDynamicExcelColumns() {
        let excelData = [...this.state.tableData];
        if (this.state.compRentAttr.length > 0) {
            excelData.map((d,idx) => {
                this.state.compRentAttr.map((i,idx1) => {
                    excelData[idx][i.AttrName] = d.optionalAttributes[idx1];
                });
            });
        }
        return excelData;
    }

解决方法

这是因为您只是在创建一个具有相同元素的新数组。 当您执行 let excelData = [...this.state.tableData]; 时，excelData[index] 等于 this.state.tableData[index]

所以，你需要做的是一个深度克隆。 这不是深度克隆的完美方式，但看起来您可以使用 let excelData = JSON.parse(JSON.stringify(this.state.tableData));。