本篇文章给大家带来的内容是关于可以把js中的对象转成url参数的函数介绍（代码实例）），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
这个函数呢是自己在写基于Vue+ElementUI管理后台时用到的,，下面列出来两种使用方式：
js函数 /**
* 对象转url参数
* @param {*} data
* @param {*} isPrefix
*/
urlencode (data, isPrefix) {
isPrefix = isPrefix ? isPrefix : false
let prefix = isPrefix ? '?' : ''
let _result = []
for (let key in data) {
let value = data[key]
// 去掉为空的参数
if (['', undefined, null].includes(value)) {
continue
}
if (value.constructor === Array) {
value.forEach(_value => {
_result.push(encodeURIComponent(key) + '[]=' + encodeURIComponent(_value))
})
} else {
_result.push(encodeURIComponent(key) + '=' + encodeURIComponent(value))
}
}
return _result.length ? prefix + _result.join('&') : ''
}utils.js文件const utils = {
/**
* 对象转url参数
* @param {*} data
* @param {*} isPrefix
*/
urlencode (data, isPrefix = false) {
let prefix = isPrefix ? '?' : ''
let _result = []
for (let key in data) {
let value = data[key]
// 去掉为空的参数
if (['', undefined, null].includes(value)) {
continue
}
if (value.constructor === Array) {
value.forEach(_value => {
_result.push(encodeURIComponent(key) + '[]=' + encodeURIComponent(_value))
})
} else {
_result.push(encodeURIComponent(key) + '=' + encodeURIComponent(value))
}
}
return _result.length ? prefix + _result.join('&') : ''
},
// ....其他函数....
}
export default utilsmain.js文件import Vue from 'vue' import App from './App.vue' import utils from '@/utils/utils' // ...其他代码... Vue.prototype.$utils = utils // ...其他代码...
// ....其他代码 this.$utils.urlencode(this.params) // ...其他代码...
以上就是可以把js中的对象转成url参数的函数介绍（代码实例）的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
488
