如何更新每次迭代的源数据

Question

我有一个对象数组如下

 const cat = ['Admin', 'Tax', 'Depriciation', 'Amortization', 'Fee', 'Interest']; //build the src data structure; const src = cat.map((d, i) => { return { cat: d, year: null, val: null }; }); console.log(src); //yr for iteration const yr = [2020, 2021, 2022];

我想在src上运行一个for循环并编写一个脚本，这样我最终每年都会得到至少 3 组对象数组。 我想要的 output 如下

[
{cat: 'Admin', year: 2020, val: someProgrammaticValue};
{cat: 'Tax', year: 2020, val: someProgrammaticValue};
........................................
{cat: 'Interest', year: 2020, val: someProgrammaticValue}
]



[
{cat: 'Admin', year: 2021, val: someProgrammaticValue};
{cat: 'Tax', year: 2021, val: someProgrammaticValue};
.........................................
{cat: 'Interest', year: 2021, val: someProgrammaticValue}
]


[
{cat: 'Admin', year: 2022, val: someProgrammaticValue};
{cat: 'Tax', year: 2022, val: someProgrammaticValue};
.........................................
{cat: 'Interest', year: 2022, val: someProgrammaticValue}
]

为了实现这一点，我尝试将setInterval与clearInterval结合使用，但我一定没有正确完成它，这就是它可能无法完成工作的原因。

 const cat = ['Admin', 'Tax', 'Depriciation', 'Amortization', 'Fee', 'Interest']; //build the src data structure; const src = cat.map((d, i) => { return { cat: d, year: null, val: null }; }); //console.log(src); //yr for iteration const yr = [2020, 2021, 2022]; for (let i = 0; i < yr.length; i++) { const iv = setInterval( function() { src.map(a => { a.year = yr[i], a.val = Math.random() * 500; }); console.log(src, i); if (i <= yr.length) { clearInterval(iv) }; }, 1000 ) }

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Document</title> </head> <body> <script type="text/javascript" src="prod3.js"> </script> </body> </html>

我在 chrome 中得到这个，我不知道它哪里出错了。

Answer 1

我不确定为什么需要setInternal或setTimeout 。 似乎您可以使用Array.map完成结果？

由于所需的 arrays 的数量等于yr数组的长度，因此对其进行映射将创建所有必要的 arrays。 然后，您可以键入诸如result[0]之类的单个数组以获取2020数组

 const cat = ['Admin', 'Tax', 'Depriciation', 'Amortization', 'Fee', 'Interest']; //yr for iteration const yr = [2020, 2021, 2022]; const result = yr.map(y => { return cat.map(d => { return { cat: d, year: y, val: Math.random() } }); }); console.log(result)

Answer 2

好的，正如其他人所说，不需要 setInterval。 但这并不能解释为什么您的代码不能正常工作。

发生的情况是，当您登录 object 时，在浏览器控制台中仅存储顶级属性。 也就是说，如果您记录 object {a:1,b:{c:2}}控制台仅存储 a，而 b 是 object。

let x = {a:1,b:{c:2}};
console.log(x);
x.b.c = 3;

现在，如果您将 go 到控制台并展开属性 b，您可以看到它显示 3，即使在记录时它是 2。 我认为这种浅记录是出于性能原因而完成的。

最后的细节是 arrays 在这里被视为对象，这就是您的代码具有这种行为的原因。