Javascript映射每个循环遍历同一数组中的多个项目

打字稿也可以

可以说我有一个像这样的数组

const array = ['one', 'two', 'three', 'four']

我想生产一些看起来像

  <div>
    one
    two
  </div>
  <div>
    three
    four
  </div>

如果我想使用map函数,就我所知,我将不得不编写类似

{
  let saved
  array.map((item) => {
    if (saved === ''){
      let temp = saved
      saved = ''
      return (  
        <div>{`${item} ${temp}`}</div>
      )
    }else{
      saved = item
    }
  })
}

但是,我想整理一下这段代码。我正在寻找一种方法,可以使用map函数(或forEach)遍历一次移动超过2个项目的数组,以便将上面的代码缩短为下面的代码,并产生相同的结果。

array.map((item1, item2) => <div>{`${item1} ${item2}`}</div>)