在 JavaScript 中多次乘/克隆对象内部和数组

如何解决在 JavaScript 中多次乘/克隆对象内部和数组

具有这种格式的对象数组：

const data = [
{country_id: 1,country: "Greece",value: 3},{country_id: 2,country: "Cyprus",value: 2},{country_id: 3,country: "Turkey",value: 4}
]

如何使用 JavaScript 乘以/克隆每个对象以获取以下对象数组？我想将每个对象乘以 value 中指定的次数并获得一个新数组。

const new_data = [
{id: 1,country_id: 1,{id: 2,{id: 3,{id: 4,country_id: 2,{id: 5,{id: 6,country_id: 3,value: 4},{id: 7,{id: 8,{id: 9,value: 4}
]

到目前为止，我最好的尝试是使用 Object.assign，但不幸的是，该映射返回的数组与 data 中的数组相同：

const new_data = data.map((d,i) => {
    for (var i = 0; i < d.mult; ++i) {
      Object.assign({},d[i]);
    }
    return d;
 })

解决方法

您可以这样做，只需用 value 元素填充数组，并将其映射到原始元素的副本：

const data = [
{country_id: 1,country: "Greece",value: 3},{country_id: 2,country: "Cyprus",value: 2},{country_id: 3,country: "Turkey",value: 4}
]

console.log(
    data.flatMap((el) => new Array(el.value).fill(null).map(e => ({...el}))))

,

您可以使用 Array.from() 和 reduce 来完成。试试这个-

在这里您可以使用 Array.from({length: X}) 创建一个临时数组。这里的 {length: X} 对象表示使用 from 方法创建一个长度为 X 的数组。

之后，Array.from() 方法的回调函数每次迭代都会返回当前项。就是这样。

const data = [
  {country_id: 1,value: 4}
];

const res = data.reduce((acc,curr) => {
  const tmp = Array.from({length: curr.value},() => curr);
  acc.push(...tmp);
  return acc;
},[]);

console.log(JSON.stringify(res));

.as-console-wrapper{min-height: 100%!important; top: 0}

,

最简单的方法是创建一个新数组，循环遍历旧数组并将重复项（使用新的 id 字段）添加到结果数组中：

const data = [
    { country_id: 1,value: 3 },{ country_id: 2,value: 2 },{ country_id: 3,value: 4 }
]

const result = [];

let id = 0;
for (const row of data) {
    for (let i = 0; i < row.value; i++) {
        const newRow = {
            ...row,// copy old data
            id: ++id,// but set this field and increase `id`
        };
        result.push(newRow);
    }
}

console.log(result);

如果您想使用 .map 之类的内容，您需要使用 .flatMap 或 .map 后跟 .flat()。您的（平面）地图将返回一个包含 value 新行的数组。不过，您仍然需要修复 country_id。