如何将对象数组合并或 append 到 JavaScript 中的另一个 object 数组

Question

How to merge the array of objects to another array of objects in JavaScript

Hi everyone, below I added my code.

    const options = ["Fruit", "Vegitables", "Drinks"];
    const mainArray=[{
    Type:'Fruit',
    Name:'apple',
    Amount:'20'
    },
    {
    Type:'Fruit',
    Name:'apple',
    Amount:'20'
    },
    {
    Type:'Vegitables',
    Name:'tomoto',
    Amount:'50'
    },
    {
    Type:'Vegitables',
    Name:'onion',
    Amount:'20'
    },
    {
    Type:'Drinks',
    Name:'Milk',
    Amount:'30'
    },
    {
    Type:'Drinks',
    Name:'Juice',
    Amount:'20'
    }
    ]
    ///Filtering By Type
    
    const filterByType=()=>{
    let allMergedData=[];
     selectedtypes?.map((type)=>{
        let mergedData=[];
        let filteredData= mainArray?.filter(x=>x.Type===type.toLowerCase());
        mergedData=[...filteredData];
        allMergedData=[...mergedData, ...filteredData];
     })
     return allMergedData;
    };
    
    return(
    <div>
    {options.map((option) => (
                <MenuItem key={option} value={name}>
                  <Checkbox value={option}
              onChange={handleChange}
              checked={selected.includes(option)} />
                  <ListItemText primary={option} />
                </MenuItem>
              ))}
    </div>
    )

Expected Output is: While I select the checkbox fruit and vegetable, that time I pass the fruit and vegetable values in the filterByType method. After filtering the data I need the output like a single array of objects.

    [{
        Type:'Fruit',
        Name:'apple',
        Amount:'20'
        },
        {
        Type:'Fruit',
        Name:'apple',
        Amount:'20'
        },
        {
        Type:'Vegitables',
        Name:'tomoto',
        Amount:'50'
        },
        {
        Type:'Vegitables',
        Name:'onion',
        Amount:'20'
        },]

Answer 1

you can use spread operator for this

const merged = [...person,...clothing]

Answer 2

var person=[{"name":"Billy","age":34},{"name":"Billy","age":34}];
var clothing=[{"shoes":"nike","shirt":"long sleeve"},{"shoes":"nike","shirt":"long sleeve"}];


var mergedV1 = [...person, ...clothing]
var mergedV2 = person.concat(clothing)

Answer 3

Use spread ES6 syntax https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_syntax

 var person=[{"name":"Billy","age":34},{"name":"Billy","age":34}]; var clothing=[{"shoes":"nike","shirt":"long sleeve"},{"shoes":"nike","shirt":"long sleeve"}]; var merge = [...person, ...clothing] console.log(merge)