JavaScript：如何批量将数组计算结果填充到图表数据对象中

嘿，我来帮你搞定这个批量填充的问题！看你的代码，你已经通过循环计算出了sdg数组，现在想要把它的所有元素批量放进dataSDGs的data字段里，不用手动逐个写索引对吧？其实有好几种实用的方式可以实现，我给你列出来：

方案1：直接赋值（最简洁推荐） #

既然sdg本身就是处理好的数组，你完全不需要额外写循环，直接把它赋值给data字段就行：

const dataSDGs = { data: sdg };

这种方式的好处是代码极简，不过要注意：如果后续你修改了sdg数组的内容，dataSDGs.data也会跟着变，因为它们指向同一个数组引用。

方案2：创建独立的新数组（避免引用同步） #

如果你希望dataSDGs.data是一个独立的数组，不会受sdg后续修改的影响，可以用扩展运算符或者Array.from来生成新数组：

// 扩展运算符写法
const dataSDGs = { data: [...sdg] };

// Array.from写法
const dataSDGs = { data: Array.from(sdg) };

方案3：用循环手动填充（满足你提到的循环需求） #

如果你一定要通过循环来完成填充操作，也可以这么写：

const dataSDGs = { data: [] };
// 遍历sdg数组，把每个元素push进data字段
for (let i = 0; i < sdg.length; i++) {
  dataSDGs.data.push(sdg[i]);
}

根据你的场景，方案1应该是最适合的，毕竟你已经把所有计算逻辑都处理完了，直接复用现成的数组就好～

内容的提问来源于stack exchange，提问作者Kaherdin