根据Reactjs中的属性将水果数组存储在两个新的数组中

Question

我有一个这样的数组:

fruits:[
{name:"Orange", Title:"Fruits", Quantity: "4"},
{name:"Apple", Title:"Fruits", Quantity: "7"},
{name:"Grape", Title:"Fruits", Quantity: "4"},
{name:"Banana", Title:"Fruits", Quantity: "4"},
];

我想把水果数组分开并存储到两个不同的数组中:

a:[
{name:"Orange", Title:"Fruits", Quantity: "4"},
{name:"Grape", Title:"Fruits", Quantity: "4"},
{name:"Banana", Title:"Fruits", Quantity: "4"},
];
b:[{name:"Apple", Title:"Fruits", Quantity: "7"},];

我怎么解决它?

Answer 1

b = fruits.filter(fruit => fruit.name == 'Apple')

或

const { fruitsToStoreInB } = props
b = fruits.filter(fruit => fruitsToStoreInB.includes(fruit.name))

请查看数组的MDN文档，以了解您可以做什么。

Answer 2

我假设您需要根据数量筛选对象。

let fruits = [
{name:"Orange", Title:"Fruits", Quantity: "4"},
{name:"Apple", Title:"Fruits", Quantity: "7"},
{name:"Grape", Title:"Fruits", Quantity: "4"},
{name:"Banana", Title:"Fruits", Quantity: "4"},
];
let obj  = {};
let result = [];
for(let fruit of fruits){
obj[fruit.Quantity] = fruit.Quantity;
}
for(let o in obj){
result.push(fruits.filter(fruit=>fruit.Quantity === obj[o]));
}
console.log(result);