将对象的值按其值推入另一个数组

Question

我从下面的程序中得到了意外的结果。 inputs和outputs数组都获得相同的值。从this以某种方式我知道这是传递引用的问题。我的问题是如何通过以下方法实现相同目标。感谢您的时间。

期望输入数组为[[{id: 1, name: 'foo'}, {id: 2, name: 'bar'}], [{id: 1, name: 'foo'}]]

var inputs = [];
var outputs = [];
var exampleArr = [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}];

function analyze(listArr) {
    inputs.push(...listArr);

    outputs = [...outputs, ...listArr];

    outputs.forEach((item) => {
        item.name = 'hello';
    });

    console.log('inputs', inputs);
    console.log('ouputs', outputs);
    listArr.pop();
    if(listArr.length) analyze(listArr);
}

analyze(exampleArr);

Answer 1

在追加到输出之前，克隆listArr中的所有对象（仅一个嵌套级别）。>

var inputs = [];
var outputs = [];
var exampleArr = [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}];

function analyze(listArr) {
    inputs.push(...listArr);

    // clone objects in array, one level
    outputs = [...outputs, ...listArr.map(x=>typeof x==='object'? {...x}:x)];

    outputs.forEach((item) => {
        item.name = 'hello';
    });

    console.log('inputs', inputs);
    console.log('ouputs', outputs);
    listArr.pop();
    if(listArr.length) analyze(listArr);
}

analyze(exampleArr);