最近はVue.jsをやっていますが、連想配列の扱いで毎回躓くので備忘録を込めての投稿です。
今回はペアのkeyとvalueは"="で、他のkey同士は"&"でつないでみます。
How to
const URL_QUERIES = {'title': 0, 'byline': 1}
const queries = Object.keys(URL_QUERIES).map(key => [key, URL_QUERIES[key]].join('=')).join('&')
console.log(queries)
// 出力：title=0&byline=1
05/20追記
上記の様なURLのオプションで扱う場合はURLSearchParamsという便利なものがあるそうです。
共有ありがとうございますm(_ _)m
const queries = new URLSearchParams({'title': 0, 'byline': 1}).toString()
console.log(queries) // title=0&byline=1
どういう時に使うか
例で示した通りですが、vimeoなどの動画投稿サイトでは、シェアする際にタイトル表示しなかったり、ボタン表示しなかったりとオプションがあるのですが、
それをURL内で記述する必要があります。なので、URLの連想配列にこのQueriesを保持しておけばオプションを選択・統一することができます。
何事も一発で書けると気持ちが良いですね。