如何将对象推送到另一个根数组中的数组中

Question

我正在使用 GPS 相关程序，因此我正在积极接收许多位置对象。这是我想要实现的数组形式。最初它应该是一个空数组，然后只从一个孩子开始，所有传入的位置对象都将存储在那个孩子中，直到发出其他命令。当下一个事件开始时，所有传入的对象都将存储在第二个子数组中，希望你能得到要点。

rootArray = [
  [
    {lat: '', long: ''},
    {lat: '', long: ''},
    {lat: '', long: ''},
  ],
  [
    {lat: '', long: ''},
    {lat: '', long: ''},
    {lat: '', long: ''},
  ]
]

这是我尝试过但没有成功的方法。

// I am working with redux here actually
// rootArray: []

case NEW_LOCATION_OBJECT_COMING:
  return {
    ...state,
    rootArray: state.rootArray[state.rootArray.length].concat(action.payload.locationObject),
  }

Answer 1

数组中的项目索引从0 到length - 1，所以如果你尝试访问索引length 处的元素，你会得到undefined。我们应该这样做：

...
rootArray: [
  ...state.rootArray.slice(0, state.rootArray.length - 1),
  state.rootArray[state.rootArray.length - 1].concat(action.payload.locationObject)
],
...

原因是，在之前的方法中，我们将其最后一个元素与有效负载连接的结果分配给rootArray，因此其他所有内容都会丢失，我们的rootArray 将成为一个简单的对象数组。

我们需要通过扩展现有数组来保留我们所拥有的，为了实现这一点，我创建了一个新数组，看起来像旧的 rootArray 没有最后一个元素，新的最后一个元素是旧最后一个元素的连接和有效载荷。我希望这是有道理的。

编辑 鉴于您的评论，这取决于您如何启动 rootArray 如果它只是一个空数组，那么这种方法会失败，您应该这样做：

...
rootArray: [
  ...state.rootArray.slice(0, state.rootArray.length - 1),
  state.rootArray.length > 0
    ? state.rootArray[state.rootArray.length - 1].concat(action.payload.locationObject)
    : [...action.payload.locationObject]
],
...

否则您可以只启动rootArray 到[[]] 并使用第一个版本。