如何有效地将 object 拆分为数组中的多个对象

Question

我有一个示例数组bunch作为

let bunch = [{fruit: "apple" , quantity: 1},{fruit: "banana" , quantity: 3}]

我正在尝试将 object 拆分为其数量时间 --> 如果fruit是banana且quantity > 1为：

//newBunch --> [{fruit: "apple" , quantity: 1},{fruit: "banana" , quantity: 1},{fruit: "banana" , quantity: 1},{fruit: "banana" , quantity: 1}]

我尝试使用 reduce 作为：

 let bunch = [{fruit: "apple", quantity: 1},{fruit: "banana", quantity: 3}] let res = bunch.reduce((acc,curr)=>{ if(curr.quantity > 1 && curr.fruit==='banana'){ var arr = [] for(let i=0; i < curr.quantity; i++){ var fr = {} fr.fruit = 'banana'; fr.quantity = 1; arr.push(fr) } acc.push(...arr) } else{ acc.push(curr) } return acc },[]) console.log(res)

我使用上面的代码片段得到了预期的 o/p，但是会有一种有效的方法来做到这一点（可能代码更少），或者你会建议 go 使用当前的解决方案吗？ 请指导我。 TIA

Answer 1

您可以使用.forEach()方法遍历数组，然后根据quantity属性的值创建新对象。 您可以将这些新创建的对象推送到另一个包含所有对象的数组中。

 let bunch = [ { fruit: 'apple', quantity: 1 }, { fruit: 'banana', quantity: 3 }, ]; const result = []; bunch.forEach(obj => { for (let i = 1; i <= obj.quantity; i++) { result.push({...obj, quantity: 1 }); } }); console.log(result);

Answer 2

您可以使用flatMap和Array.prototype.fill

let bunch = [{fruit: "apple" , quantity: 1},{fruit: "banana" , quantity: 3}]
let result = bunch.flatMap((fruit) => {
  return Array(fruit.quantity).fill({ ...fruit, quantity: 1})
})

Answer 3

您可以使用Array.prototype.reduce()来遍历您的源数组。

• 在每次迭代中，您只需使用Array()构造函数准备大小为quantity的稀疏数组
• 使用Array.prototype.fill()和Array.prototype.map()组合用具有属性fruit的对象填充上面的数组， 等于源 object和属性quantity设置为1 （这种方法比简单地使用.fill .fill()对于非原始数据类型项，如对象）
• 将Array.prototype.push()与传播语法一起使用，将结果数组的所有项目推入.reduce()累加器

 const src = [{fruit: "apple", quantity: 1},{fruit: "banana", quantity: 3}], result = src.reduce((acc, {fruit, quantity}) => { acc.push(...Array(quantity).fill().map(_ => ({ fruit, quantity: 1 })) ) return acc }, []) console.log(result)

 .as-console-wrapper{min-height:100%;}

Answer 4

我建议使用Array.prototype.flatMap()和Array.from()

 let bunch = [ { fruit: 'apple', quantity: 2 }, { fruit: 'banana', quantity: 3 }, { fruit: 'starfruit', quantity: 1 }, ]; const splitBunches = bunch.flatMap((fruit) => ( Array.from({ length: fruit.quantity }, () => ({...fruit, quantity: 1 })) )) console.log(splitBunches)