二次元配列からランダムで要素を取り出したい(JavaScript)。

Question

前提・実現したいこと

初歩的な質問失礼します。

JavaScriptの練習でコードを書いています。
2次元配列からランダムで要素を取り出す際に行き詰ってしまいました。

該当のソースコード

  const leaf1 = 178;
  const leaf2 = 647;
  const leaf3 = 786;

  const leaf4 = 156;
  const leaf5 = 195;
  const leaf6 = 345;

  const leaf7 = 675;
  const leaf8 = 555;
  const leaf9 = 362;

  let tree1 = [leaf1, leaf2, leaf3,]; 
  let tree2 = [leaf4, leaf5, leaf6,]; 
  let tree3 = [leaf7, leaf8, leaf9,]; 

  let woods = [tree1, tree2, tree3,];
  let kareha;
　//1回目:kareha=156, 2回目:kareha=555, 3回目:kareha=345,,,　という感じで

webページ上をクリックするごとに上記のleaf1～9のいずれかをランダムで取り出し
変数karehaに代入(再代入)したいです。
但し、重複はさせたくないです。

試したこと

document.addEventListener("click", () => {
    let theTree = woods[Math.floor(Math.random() * woods.length)];
    kareha = theTree.splice(Math.floor(Math.random() * theTree.length), 1)[0];
    
    console.log(kareha);
  })

上記ではtheTreeから出す際にspliceしていますが、
結局、中身が空のtree1,tree2,tree3のいずれかが取り出されてしまいundefinedが出力されます。
かと言ってwoodsから取り出す際にspliceは使えませんでした。
何かいい方法はありますでしょうか？

補足情報（FW/ツールのバージョンなど）

コードの記入はVScodeを使用。
ブラウザはChromeを使用。

Answer 1

const leafs=woods.flat().map(x=>[x,Math.random()]).sort((x,y)=>x[1]-y[1]).map(x=>x[0]);
console.log(leafs);