関数の返り値を分割代入したい。

Question

質問見てくださり、ありがとうございます。

URLのクエリ文字列を受け取って、クエリのKeyとValueを分けて、値を分割代入する。
という処理を行いたいのですが、定数宣言した値がundefinedになってしまいます。

// ex) http://localhost:3000/search?context=users&q=yamada

const Search = ({location}) => {
  const { context, q } = () => {
    let vars = {}, max = 0, hash = "", arr = "";
    // ex) ?context=users&q=yamada
    hash = location.search.slice(1).split('&')  
    max = hash.length
    for (let i = 0; i < max; i++) {
      arr = hash[i].split('=');
      vars[arr[0]] = arr[1]; 
    }
    return vars 
  } 

 その他の処理は省略....
}

varsは　{context: "users", q: "yamada"} となることは確認できましたが、
定数宣言したcontextとqに分割代入できていません。
個人的には文法間違いだと思うのですが、どの点が間違っているかわかりませんでした。

問題点、解決策がわかる方、ご教授お願いいたします。

Comments

[s8_chu]

もし問題が解決した場合は、ベストアンサーを選択し、質問を解決済みにしていただけませんか？

Answer 1

関数が実行されていないからでは。

  const { context, q } = (() => {
    let vars = {}, max = 0, hash = "", arr = "";
    // ex) ?context=users&q=yamada
    hash = '?context=users&q=yamada'.slice(1).split('&')  
    max = hash.length
    for (let i = 0; i < max; i++) {
      arr = hash[i].split('=');
      vars[arr[0]] = arr[1]; 
    }
    return vars 
  })();
  console.log(context, q);
```**動くサンプル：**[https://jsfiddle.net/5us0qtf8/](https://jsfiddle.net/5us0qtf8/)

Comments

[amedama]

なるほど。。。盲点でした!
動きました!ありがとうございました！