I want to merge two different arrays having different object types into one.

Suppose I have one array as:

```
var column = [
  {
    "href": "./?course=13&sort=firstname&silast=all&sifirst=all",
    "title": null
  },
  {
    "href": undefined,
    "title": undefined
  },
  {
    "href": "http://someurl.edu.lk/mod/questionnaire/view.php?id=304",
    "title": "Survey on student familiarity with the online learning platform"
  },
  {
    "href": "http://someurl.edu.lk/mod/assign/view.php?id=307",
    "title": "update your profile"
  }
]

```

and another array as:

```
var obj = [
  {
    name: "POD DLK",
    profile: "http://someurl.edu.lk/user/view.php?id=217&course=103"
  },
  {
    name: "BGC DO",
    profile: "http://someurl.edu.lk/user/view.php?id=218&course=103"
  },
  {
    name: "CAD SG",
    profile: "http://someurl.edu.lk/user/view.php?id=219&course=103"
  },
  {
    name: "BON DTH",
    profile: "http://someurl.edu.lk/user/view.php?id=207&course=103"
  }
]

```

I had tried one using:

```
const mergedArray = [ ...column, ...obj]
console.log(mergedArray)

```

But this created a separate object in a **mergedArray**.

However, I want to merge the first object from **obj** to the first object in **column**.

Expected output:

```
[{
  href: "./?course=13&amp;sort=firstname&amp;silast=all&amp;sifirst=all",
  title: null,
  name: "POD DLK",
  profile: "http://someurl.edu.lk/user/view.php?id=217&course=103"
}, {
  href: undefined,
  title: undefined,
  name: "BGC DO",
  profile: "http://someurl.edu.lk/user/view.php?id=218&course=103"
}, {
  href: "http://someurl.edu.lk/mod/questionnaire/view.php?id=304",
  title: "Survey on student familiarity with the online learning platform",
  name: "CAD SG",
  profile: "http://someurl.edu.lk/user/view.php?id=219&course=103"
}, {
  href: "http://someurl.edu.lk/mod/assign/view.php?id=307",
  title: "update your profile",
  name: "BON DTH",
  profile: "http://someurl.edu.lk/user/view.php?id=207&course=103"
}]

```