JSFiddle - React, Tailwind, and code Playground

JavaScript

const arr1 = [{
  gap: 10
}, {
  gap: 20
}, {
  gap: 30
}]
const arr2 = [{
  english: null
}, {
  france: null
}]

const new_arr = arr1.map(obj => ({
  ...obj, ...arr2
}))
console.log(new_arr) //failed

//expected new_arr to be
/*[{
  gap: 10,
  english: null,
  france: null
}, {
  gap: 20,
  english: null,
  france: null
}, {
  gap: 30,
  english: null,
  france: null
}]*/