js 拼接搜索条件 {a: 'xx', b: 'yyy', c: 'zzz'} 成 ?a=xx&b=yyy&c=zzz

拼接搜索条件

{a: 'xx', b: 'yyy', c: 'zzz'}

成

?a=xx&b=yyy&c=zzz

// 只保留有值的搜索条件，拼接成 ?a=xx&b=yyy&c=zzz (传入空对象会返回空字符串)
searchObjToQueryString(searchObj) {
// 默认约定搜索条件都是字符串
let queryStr = ''
Object.entries(searchObj).forEach((item, index) => {
// 字段为空、所属范围是金东区，则不拼接到查询条件里
if (item[1] === '') {
// 仅是结束本轮循环，不是跳出整个循环
return false
} else if (item[0] == 'regional' && item[1] == '金东区') {
// 仅是结束本轮循环，不是跳出整个循环
return false
}

// 根据第一位是不是 "?" 来决定如何拼接
if (queryStr[0] != '?') {
queryStr = `?${item[0]}=${item[1]}`
} else {
queryStr = queryStr + `&${item[0]}=${item[1]}`
}
})
// console.log(queryStr, 'searchObjToQueryString queryStr')
return queryStr
},

高级用法

// 只保留有值的搜索条件，拼接成 ?a=xx&b=yyy&c=zzz (传入空对象会返回空字符串)
searchObjToQueryString(searchObj) {
// 默认约定搜索条件都是字符串
let queryStr = ''
Object.entries(searchObj).forEach((item, index) => {
// 字段为空、所属范围是金东区，则不拼接到查询条件里
if (item[1] === '') {
// 仅是结束本轮循环，不是跳出整个循环
return false
} else if (item[0] == 'regional' && item[1] == '金东区') {
// 仅是结束本轮循环，不是跳出整个循环
return false
}

// 根据第一位是不是 "?" 来决定如何拼接
if (queryStr[0] != '?') {
queryStr = `?${item[0]}=${item[1]}`
} else {
queryStr = queryStr + `&${item[0]}=${item[1]}`
}
})
// console.log(queryStr, 'searchObjToQueryString queryStr')
return queryStr
},
// 按搜索条件搜索地块
searchDikuai(searchObj) {
// { region, searchValue, minValue, maxValue, industry }
console.log(searchObj, 'searchObj')
let that = this
wx.request({
url: urlList.searchDikuai + this.searchObjToQueryString(searchObj),
method: "GET",
// header: {
//   'content-type': 'application/x-www-form-urlencoded'
// },
success(res) {
console.log(res, 'searchDikuai res')
if (res.data.msg == '请求成功') {
let data = res.data.data
// console.log(data, 'searchDikuai data')
that.setData({
listData: data
})
}
},
fail(err) {
console.log(err, 'err')
}
})
},

// 调用搜索方法
this.searchDikuai({
regional: regional,
searchValue: searchValue,
minValue: minValue,
maxValue: maxValue,
industry: industry,
})