how to merge array inside another array objects in one array in javascript

Question

I am looking to merge array inside another array objects in one array in javascript. I tried many way like concat and join methods but I couldn't get it I have array below array which I need to merge into one array

  arr =  [
        [{
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            },
            {
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            }
        ],
        [{
            PRODUCE: 'Apple',
            STATE: 'CP',
            COUNTRY: 'US'
        }]

    ]

I want result as below

[
    {
        PRODUCE: 'Apple',
        STATE: 'CA',
        COUNTRY: 'US'
    },
    {
        PRODUCE: 'Apple',
        STATE: 'CA',
        COUNTRY: 'US'
    },
    {
        PRODUCE: 'Apple',
        STATE: 'CP',
        COUNTRY: 'US'
    }
]

use Array.flat()

koo
– koo

2021-02-12 17:14:45 +00:00
Commented Feb 12, 2021 at 17:14 — koo
– koo, Commented Feb 12, 2021 at 17:14

Aalexander · Accepted Answer · 2021-02-12 17:12:39Z

2

You can use flat() for this

The flat() method creates a new array with all sub-array elements concatenated into it recursively up to the specified depth.

Here you can read more about it

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat

const arr = [
  [{
      PRODUCE: 'Apple',
      STATE: 'CA',
      COUNTRY: 'US'
    },
    {
      PRODUCE: 'Apple',
      STATE: 'CA',
      COUNTRY: 'US'
    }
  ],
  [{
    PRODUCE: 'Apple',
    STATE: 'CP',
    COUNTRY: 'US'
  }]

]

console.log(arr.flat());

answered Feb 12, 2021 at 17:12

Aalexander

4,9843 gold badges13 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AbhiSam Over a year ago

thanks @Aalex however couldn't find method flat()

Rodrigo · Accepted Answer · 2021-02-12 17:54:26Z

1

If you are able to use modern javascript, you can try:

arr.flat()

More info here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat

If not, you can just use lodash, underscore or ramda. Libraries with useful utilities.

https://lodash.com/docs/4.17.15#flatten

edited Feb 12, 2021 at 17:54

answered Feb 12, 2021 at 17:16

Rodrigo

9006 silver badges7 bronze badges

Comments

Prime · Accepted Answer · 2021-02-12 17:13:26Z

1

You can use Array.flat().

var newArray = arr.flat([depth]);

    const arr =  [
        [{
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            },
            {
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            }
        ],
        [{
            PRODUCE: 'Apple',
            STATE: 'CP',
            COUNTRY: 'US'
        }]

    ]
    console.log(arr.flat())

answered Feb 12, 2021 at 17:13

Prime

2,8592 gold badges11 silver badges24 bronze badges

Comments

shubham jha · Accepted Answer · 2021-02-12 17:26:41Z

1

Simple Approach, using spread operator and forEach loop

const arr =  [
        [{
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            },
            {
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            }
        ],
        [{
            PRODUCE: 'Apple',
            STATE: 'CP',
            COUNTRY: 'US'
        }]

    ]
    let result = [];
    arr.forEach((item)=>{
     if(Array.isArray(item)){
       result = [...result,...item]
     }
     else{
        result = [...result,item]
     }
    }
    )
    console.log(result)

edited Feb 12, 2021 at 17:26

answered Feb 12, 2021 at 17:19

shubham jha

1,50013 silver badges21 bronze badges

Comments

ht13 · Accepted Answer · 2021-02-12 17:17:51Z

0

There are two flat() answer, but alternative code that you tried for concat(), you can try like this:

var arr =  [
        [{
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            },
            {
                PRODUCE: 'Apple',
                STATE: 'CA',
                COUNTRY: 'US'
            }
        ],
        [{
            PRODUCE: 'Apple',
            STATE: 'CP',
            COUNTRY: 'US'
        }]

    ]
    
var newArray = arr[1].concat(arr[0]);

console.log(newArray);

answered Feb 12, 2021 at 17:17

ht13

6337 silver badges21 bronze badges

Collectives™ on Stack Overflow

how to merge array inside another array objects in one array in javascript

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related