JavaScript 配列操作について

Question

前提

Javascriptでcategoriesという配列の中にotherCategoriesという配列を追加したいのですが、うまくいきません。※otherCategoriesの中のオブジェクトの数は現在２つですが、こちらは変動します。

実現したいこと

let categories = [
  {
    _id: '/one',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'one'
  },
  {
    _id: '/two',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'two'
  },
]

let otherCategories = [
  {
    _id: '/three',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'three'
  },
  {
    _id: '/four',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'four'
  },
],

//上記の配列を一つに↓のようにしたい

categories = [
  {
    _id: '/one',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'one'
  },
  {
    _id: '/two',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'two'
  },
  {
    _id: '/three',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'three'
  },
  {
    _id: '/four',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'four'
  },
]

発生している問題・エラーメッセージ

下記のpushメソッドを使ってみたが、想定していた配列構造になりません。

categories.push(otherCategories);

let categories = [
  {
    _id: '/one',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'one'
  },
  {
    _id: '/two',
    children: [ [Object], [Object], [Object], [Object] ],
    name: 'two'
  },
  [
    {
      _id: '/three',
      children: [ [Object], [Object], [Object], [Object] ],
      name: 'three'
    },
    {
      _id: '/four',
      children: [ [Object], [Object], [Object], [Object] ],
      name: 'four'
    },
  ]
]

Answer 1

categories.push(...otherCategories);

Comments

[karage]

ありがとうございます。
スプレッド構文というんですね。