首页 > 解决方案 > Javascript / React - 不重复自己的最佳方式

问题描述

当进行查询时,我正在使用此后退按钮,但每次 url 中有更多查询时,我都会不断重复自己的 if 语句。'(([query, value]' 是必需的,如果有更多,我必须添加另一个 if 语句。

 let url= Object.entries(searchQuery).map(([query, value])=>{
            return `${query.toString()}=${value.toString()}`;
    }); 

    }

    if (url.length === 2){
        return `/search?${url[0]}&${url[1]}`;
    }

    if (url.length === 3){
        return `/search?${url[0]}&${url[1]}&${url[2]}`;
    }

标签: javascriptreactjs

解决方案


你可以.join('&')你的url数组:

function createUrl(searchQuery) {
  let url = Object.entries(searchQuery).map(([query, value]) => {
    return `${query.toString()}=${value.toString()}`;
  });

  return `/search?${url.join('&')}`;
}

推荐阅读