将对象数组按其值推送到另一个数组

Question

I am getting unexpected results from my below program. Both inputs and outputs arrays are getting same value. Somehow from this I got to know that it's the problem of passing a reference. My question is how can I achieve the same with below approach. Appreciate your time.

Expecting inputs array to be [[{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

Clone all objects in listArr (one nesting level only) before appending to outputs.

 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);