模板文字串联中的条件语句？

Question

我正在拨打这样的 API 电话：

posts: (ppp, page) =>
    requests.get(`/wp-json/wp/v2/posts?per_page=${ppp}&page=${page}`)

虽然我不会总是按页或页传递帖子，所以我只想连接这些变量（如果它们存在）。我在下面尝试过，但我似乎无法降低格式：

requests.get(`/wp-json/wp/v2/posts?`${ppp ? `'per_page='${ppp} : `''` `${page} ? `'&page=' ${page}` :''`)

Answer 1

除了您的第二个解决方案包含语法错误之外，它也不是最易读的方法...

但是你为什么要重新发明轮子？

您可以使用 URL API on the client-side and in Node.js:

posts: (ppp, page) => {
  const url = new URL('/wp-json/wp/v2/posts')
  if(ppp) url.searchParams.append('per_page', ppp)
  if(page) url.searchParams.append('page', page)
  return requests.get(url.href)
}

但是，如果由于某种原因您不能使用上述解决方案，您仍然可以实现与上述解决方案类似的算法。例如，您可以使用数组：

posts: (ppp, page) => {
  const urlParams = []
  if(ppp) urlParams.push(`per_page=${ppp}`)
  if(page) urlParams.push(`page=${page}`)
  return requests.get(`/wp-json/wp/v2/posts?${ urlParams.join('&') }`)
}

或者更灵活的解决方案：

posts: (ppp, page) => {
  const urlParams = {
    per_page: ppp, //per_page=ppp
    page,          //page=page
                   //Add more here if you want
  }
  return requests.get(`/wp-json/wp/v2/posts?${ 
    Object
      .entries(urlParams)
      .filter(([k, v]) => v) //If value is truthy
      .map(e => e.join('=')) //Concatenate key and value with =
      .join('&') //Concatenate key-value pairs with &
  }`)
}

但是，如果你想坚持你的版本，这里有一个固定的例子：

requests.get(`/wp-json/wp/v2/posts?${ppp ? `per_page=${ppp}` : ''}${(ppp && page) ? '&' : ''}${page ? `page=${page}` : ''}`)

模板文字串联中的条件语句？

Conditional statement within template literal concatenation?

javascript

ecmascript-6

template-literals