javascript - バックボーンのコレクション内の各モデルからランダムなアイテムをフェッチする

Question

次のようなデータがあります

var categories = [
    {
        name: 'Animals',
        img: 'animals.jpg',
        list: [{name: 'Cat', img: 'cat.jpg', state: 'hidden'}, {name: 'Dog', img: 'dog.jpg', state: 'hidden'}, {name: 'Zebra', img: 'zebra.jpg', state: 'hidden'}, {name: 'Rabbit', img: 'rabbit.jpg', state: 'hidden'}]
    },
    {
        name: 'Birds',
        img: 'birds.jpg',
        list: [{name: 'Eagle', img: 'eagle.jpg', state: 'hidden'}, {name: 'Owl', img: 'owl.jpg', state: 'hidden'}, {name: 'Parrot', img: 'parrot.jpg', state: 'hidden'}, {name: 'Swan', img: 'swan.jpg', state: 'hidden'}]
    },
    {
        name: 'Fruits',
        img: 'fruits.jpg',
        list: [{name: 'Apple', img: 'apple.jpg', state: 'hidden'},{name: 'Cherry', img: 'cherry.jpg', state: 'hidden'},{name: 'Banana', img: 'banana.jpg', state: 'hidden'}, {name: 'Strawberry', img: 'strawberry.jpg', state: 'hidden'}, {name: 'Mango', img: 'mango.jpg', state: 'hidden'}, {name: 'Orange', img: 'orange.jpg', state: 'hidden'}, {name: 'Pomegranate', img: 'pomegranate.jpg', state: 'hidden'}, {name: 'Jackfruit', img: 'jackfruit.jpg', state: 'hidden'}]
    },
    {
        name: 'Flowers',
        img: 'flowers.jpg',
        list: [{name: 'Rose', img: 'rose.jpg', state: 'hidden'}, {name: 'Tulip', img: 'tulip.jpg', state: 'hidden'}, {name: 'Hibiscus', img:'hibiscus.jpg', state: 'hidden'}, {name: 'Sunflower', img: 'sunflower.jpg', state: 'hidden'}]
    }
    ];

ここでは、カテゴリをコレクションとして使用し、各カテゴリをモデルとして使用しています。私が望むのは、各モデルのリストにあるこのコレクションからオブジェクトのランダムなセットを取得することです。ランダムにクリックすると、パラミツ、バラ、リンゴ、イーグル、ネコ、チューリップのリストが表示されるとします。

私が作成した構造が正しいかどうかはよくわかりません。各カテゴリのオブジェクト リスト配列の各アイテムにモデルを使用する必要がありますか?